樣式表是什么？使用樣式表有什么好處

樣式表就是把所有的樣式代碼有規(guī)律的集合到一個(gè).css 表中。如果頁面中有用到相同樣式的地方，就不必再copy 一段樣式放到頁面里面，只需要導(dǎo)入css 表，然后引用就可以了。 并且在修改的時(shí)候也比較方便，只要修改一個(gè).css樣式表文件就行，不需要一個(gè)一個(gè)頁面文件去修改。

在成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手，突出企業(yè)的產(chǎn)品/服務(wù)/品牌，幫助企業(yè)鎖定精準(zhǔn)用戶，提高在線咨詢和轉(zhuǎn)化，使成都網(wǎng)站營銷成為有效果、有回報(bào)的無錫營銷推廣。成都創(chuàng)新互聯(lián)專業(yè)成都網(wǎng)站建設(shè)十年了，客戶滿意度97.8%，歡迎成都創(chuàng)新互聯(lián)客戶聯(lián)系。

DreamWeaver中應(yīng)用CSS樣式表的幾種情況

一、

去除超級(jí)鏈接的下劃線以及在超級(jí)鏈接上實(shí)現(xiàn)鼠標(biāo)懸停變色：

在默認(rèn)情況下，用DreamWeaver設(shè)計(jì)的網(wǎng)頁中的超級(jí)鏈接都有下劃線，看上去不大美觀。要去除這些討厭的下劃線,很多報(bào)刊介紹的方法都是在HTML源代碼中手工加入一段代碼，其實(shí)在DreamWeave中很容易去除鏈接的下劃線。首先在DreamWeaver的Document

Windows中隨便建立一個(gè)鏈接，你可以看到這個(gè)鏈接會(huì)有下劃線。怎樣去除這條下劃線呢?

1.在點(diǎn)擊菜單欄上的"Text"|"CSS

Styles"|

"Edit

Style

Sheet…"(或者直接按快捷鍵Ctrl+shift+E),調(diào)出Edit

Style

Sheet(編輯樣式表)對(duì)話框窗口。

2.點(diǎn)擊"New

(新建)"，然后在"New

Style

(新樣式)"對(duì)話框中，點(diǎn)擊"Use

CSS

Selector"按鈕。

3.在Selector欄中鍵入a,

然后點(diǎn)OK。

4.隨后彈出"CSS

樣式定義"對(duì)話框，在Type類的decoration(裝飾)中，勾選none，然后點(diǎn)OK，再點(diǎn)Done。你將立刻在Document

Windows中發(fā)現(xiàn)鏈接的下劃線已經(jīng)消失了。那么又怎樣實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停在鏈接上時(shí)鏈接變色呢?重復(fù)上述步驟中的的第一、第二步。然后點(diǎn)選Selector旁的下拉箭頭，選擇"a:hover",再點(diǎn)OK。在隨后彈出的

"Style

definition

for

a:

hover"對(duì)話框中，在Type類的color中任意選擇一種顏色(比如選擇紅色)，然后點(diǎn)OK，再點(diǎn)Done便完成了。按F12預(yù)覽，將鼠標(biāo)放在鏈接上，該鏈接是不是變成了紅色?如果在剛才的"Style

definition

for

a:

hover"對(duì)話框中，在Backgroud(背景)類里，選擇backgroud的顏色為綠色，那么當(dāng)你把鼠標(biāo)放在超級(jí)鏈接上時(shí)，不但鏈接會(huì)變成紅色，而且還會(huì)有綠色的背景。事實(shí)上，通過剛才的CSS

樣式定義對(duì)話框，你還可以實(shí)現(xiàn)更多的特殊效果，有興趣的朋友不妨去好好琢磨一下。

二、創(chuàng)建可反復(fù)使用的外部CSS樣式表

用DreamWeaver在某網(wǎng)頁中創(chuàng)建了一種CSS樣式后，如果你要在另外的網(wǎng)頁中應(yīng)用該樣式，你不必從新創(chuàng)建該CSS樣式，只要你創(chuàng)建了外部CSS樣式表文件(external

CSS

style

sheet)，你便可以在今后任意調(diào)用該樣式表文件中的樣式。為了便于管理，先在站點(diǎn)所在文件夾中，新建一個(gè)文件夾，取名為CSS，專門用于放置外部樣式表文件(其擴(kuò)展名為css)。

1、在Document

Window中按Ctrl+shift+E，調(diào)出Edit

Style

Sheet(編輯樣式表)對(duì)話框窗口

2、點(diǎn)擊"link"。

3、在彈出的Link

External

Style

Sheet(鏈接外部樣式表)對(duì)話框，點(diǎn)BROWSE，找到剛才創(chuàng)建的CSS文件夾。

4、在Select

Stylesheet

File

(選擇樣式表文件)窗口"文件名"欄中，鍵入*.css

(*可以為任意名)，請(qǐng)注意，事實(shí)上此時(shí)在CSS文件夾中并無樣式表文件，在"文件名"欄中鍵入的新名字將成為外部樣式表新文件的名字。比如鍵入title.css，,然后點(diǎn)Select

|

OK。

5、在Edit

Style

Sheet(編輯樣式表)對(duì)話框窗口中，會(huì)新增加

title.css

(link),

雙擊它。

6、在彈出的"title.css"窗口中，點(diǎn)"New"。

7、在"New

Style"對(duì)話框中，點(diǎn)選"Make

Custom

Style

(class)"按鈕

8、在Name欄中鍵入某個(gè)名字，如myheadline,點(diǎn)OK。

9、在接下來的"Style

definition

for

.myheadline

in

title.css"對(duì)話框中，進(jìn)行字體、顏色等各種設(shè)置，完成后點(diǎn)OK。如還要?jiǎng)?chuàng)建新的樣式，再點(diǎn)"New",重復(fù)剛才的步驟6、7、8、9，最后點(diǎn)"save"|

"done",于是title.css這個(gè)外部樣式表文件便創(chuàng)建好了。菜單欄上的"TEXT"

|"CSS

Styles"子菜單中將會(huì)列出title.css中的所有樣式。如要在其他網(wǎng)頁中調(diào)用這個(gè)title.css，只需重復(fù)上述1至3步，然后在Select

Stylesheet

File窗口"文件名"欄中輸入title.css。點(diǎn)"select"|

"ok"|

"done",

title.css中所有的樣式便會(huì)出現(xiàn)在該網(wǎng)頁菜單欄上的"Text"

|"CSS

Styles"子菜單中，你將可以在此網(wǎng)頁中應(yīng)用這些樣式。

css如何使用

當(dāng)瀏覽器閱讀CSS時(shí)，它會(huì)根據(jù)CSS編排文檔。有三種使用CSS方法：外部樣式表(External Style Sheet) 內(nèi)部樣式表(Internal Style Sheet) 內(nèi)聯(lián)樣式表(Inline Styles) 外部樣式表(External Style Sheet)很多網(wǎng)頁需要用到同樣的樣式時(shí)，將樣式寫在一個(gè)CSS文件里，然后在每個(gè)需要用到這些樣式的網(wǎng)頁里鏈接這個(gè)CSS文件。可以用標(biāo)記把這個(gè)外部樣式表鏈接到HTML文檔。標(biāo)記在HTML文檔的部使用。如果你在HTML文檔外部建立了一個(gè)“mystyle.css”文件，定義段落的文字的顏色為綠色：p { color: blue; }然后你可以這樣使用它："/A 這個(gè)段落的文字的顏色將為綠色 瀏覽器將會(huì)從mystyle.css這個(gè)文件閱讀樣式定義，并根據(jù)它編排文檔。可以用任何的文本編輯器寫CSS外部樣式表。在這個(gè)文件內(nèi)不要包含有HTML標(biāo)記。你的樣式表以.css擴(kuò)展名保存。以下是一個(gè)CSS文件;hr {color: sienna}p {margin-left: 20px}body {background-image: url("images/back40.gif")}不要在屬性值和單位之間留下空格。如果你使用"margin-left: 20 px" 而不"margin-left: 20px"，這只會(huì)在IE6有正確的顯示，在Mozilla（Firefox）或 Netscape.不能正確的顯示內(nèi)部樣式表(Internal Style Sheet)當(dāng)一個(gè)單獨(dú)的文檔有獨(dú)一無二的樣式時(shí)，使用內(nèi)部樣式表。在使用head部使用 這個(gè)段落的文字字體大小為20px /html瀏覽器將會(huì)閱讀這個(gè)樣式表，并根據(jù)它編排文檔。注意：瀏覽器一般會(huì)忽視它不支持的標(biāo)記，這意味著一些舊式瀏覽器不支持/head 內(nèi)聯(lián)樣式表(Inline Styles)內(nèi)聯(lián)樣式表失去了CSS的許多優(yōu)點(diǎn)，它內(nèi)容和表現(xiàn)混在一起，應(yīng)少用。通過在相關(guān)的標(biāo)記里使用style屬性可以使用內(nèi)聯(lián)樣式表。例如：這是一個(gè)段落 字體顏色為紅色,字體大小為8px多項(xiàng)樣式將會(huì)層疊成一項(xiàng)CSS允許不同的方式定義樣式。樣式可以定義在一個(gè)單獨(dú)的HTML元素里面(內(nèi)聯(lián)樣式表)，也可以定義在一個(gè)HTL頁面的部(內(nèi)部樣式表)，或者定義在一個(gè)外部的CSS文件內(nèi)。甚至在同一個(gè)HTML文檔內(nèi)可以引用多個(gè)外部CSS樣式表(外部樣式表)。層疊順序（Cascading Order）當(dāng)多于一項(xiàng)樣式定義一個(gè)HTML元素時(shí)什么樣式將會(huì)被使用？一般說來，我們可以說所有的樣式將會(huì)“層疊”成一個(gè)新的樣式表，它們遵從下面的優(yōu)先級(jí)。（從低到高） 瀏覽器缺省樣式表(browser default)(優(yōu)先級(jí)最低) 外部樣式表(Extenal Style Sheet) 內(nèi)部樣式表(Internal Style Sheet) 內(nèi)聯(lián)樣式表(Inline Style)(優(yōu)先級(jí)最高) 所以，一個(gè)內(nèi)聯(lián)的樣式會(huì)覆蓋過內(nèi)部樣式表、外部樣式表和瀏覽器缺省樣式表例如，在一個(gè)外部樣式表有這樣定義了：h3 {color: red; /* 字體顏色為紅色 */text-align: left;/* 文本以左對(duì)齊*/font-size: 8px /* 字體大小為8px*/}而在一個(gè)內(nèi)部樣式表中也有這樣這的定義 ：h3 {text-align: right; /* 文本以右對(duì)齊*/font-size: 20px /* 字體大小為20px */}要是這個(gè)頁面使用到這個(gè)外部樣式表，那么h3聲明將是color: red; /* 字體顏色為紅色 */text-align: right; /* 文本以右對(duì)齊*/font-size: 20px /* 字體大小為20px */Color值從外部樣式表繼承，text-alignment 和the font-size值從內(nèi)部樣式表繼承

一個(gè)網(wǎng)頁如何鏈接兩個(gè)CSS樣式表？

方法1、link標(biāo)簽加載CSS

olliplink

href

=

"Styles/Styles1.css"

rel

=

"stylesheet"

type

="text/css"

//pplink

href

=

"Styles/Styles2.css"

rel

=

"stylesheet"

type

="text/css"

//p/ol復(fù)制代碼

方法2、在CSS文件中加載CSS

olli

@import

url(form.css);/ol復(fù)制代碼

方法3、直接在網(wǎng)頁中加載

ollistyle

type="text/css"

li

h1{color:Blue;text-decoration:underline;}

li/style/ol復(fù)制代碼

在網(wǎng)頁中使用CSS 樣式表的三種方式是什么?

CSS樣式表定義的基本語法：

Select { property1 : value, property2: value2 }

CSS樣式表一共分3種，分別是：

1、內(nèi)聯(lián)樣式表:

內(nèi)聯(lián)樣式表是寫在標(biāo)記內(nèi)的，只對(duì)所在標(biāo)記有效。

2、內(nèi)部及聯(lián)樣式表:

利用style標(biāo)記將樣式表嵌在HTML文件的頭部。

3、外部級(jí)聯(lián)樣式表:

使用link標(biāo)記可以將樣式表鏈接到網(wǎng)頁上。

CSS樣式表的優(yōu)先級(jí)：（由低到高）

瀏覽器默認(rèn)（優(yōu)先級(jí)最低）

外部級(jí)聯(lián)樣式表

內(nèi)部及聯(lián)樣式表

內(nèi)聯(lián)樣式表（優(yōu)先級(jí)最高）

分享標(biāo)題：如何反復(fù)使用css樣式表,css樣式表怎么用
網(wǎng)站地址：http://chinadenli.net/article47/dsicghj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)公司、定制網(wǎng)站、品牌網(wǎng)站建設(shè)、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)