外聯(lián)式樣式(屬于外部樣式表)。
在成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作中從網(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)系。
特征:
1、有一個單獨(dú)的CSS文件存在![如:001.css]
2、通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接!
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果!
如:link href="001.css" type="text/css" rel="Stylesheet"/。
嵌入式樣式(屬于內(nèi)部樣式表)。
特征:
1、樣式的屬性內(nèi)容以代碼的形式[放在 ]寫在網(wǎng)頁代碼中!
2、通過【格式】→【樣式】設(shè)置樣式的屬性內(nèi)容!
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果!
如: style type="text/css"
.main{ width:1002px; margin:0 auto;}
/style
內(nèi)聯(lián)式樣式(屬于內(nèi)部樣式表)。
特征:
1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里。
2、具體格式: style="font-size:10px;font-color:#ff0000"。
例如:修飾單元格里的文字。
擴(kuò)展資料:
CSS語言特點(diǎn):
CSS為HTML標(biāo)記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個突破。利用它可以實(shí)現(xiàn)修改一個小的樣式更新與之相關(guān)的所有頁面元素。
總體來說,CSS具有以下特點(diǎn):
豐富的樣式定義:
CSS提供了豐富的文檔樣式外觀,以及設(shè)置文本和背景屬性的能力;允許為任何元素創(chuàng)建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內(nèi)容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易于使用和修改:
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統(tǒng)一存放,進(jìn)行統(tǒng)一管理。
另外,可以將相同樣式的元素進(jìn)行歸類,使用同一個樣式進(jìn)行定義,也可以將某個樣式應(yīng)用到所有同名的HTML標(biāo)簽中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。
多頁面應(yīng)用:
CSS樣式表可以單獨(dú)存放在一個CSS文件中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個頁面風(fēng)格的統(tǒng)一。
層疊:
簡單的說,層疊就是對一個元素多次設(shè)置同一個樣式,這將使用最后一次設(shè)置的屬性值。例如對一個站點(diǎn)中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式。
就可以針對這些樣式單獨(dú)定義一個樣式表應(yīng)用到頁面中。這些后來定義的樣式將對前面的樣式設(shè)置進(jìn)行重寫,在瀏覽器中看到的將是最后面設(shè)置的樣式效果。
頁面壓縮:
在使用HTML定義頁面效果的網(wǎng)站中,往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式,這樣做的后果就是會產(chǎn)生大量的HTML標(biāo)簽,從而使頁面文件的大小增加。
而將樣式的聲明單獨(dú)放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復(fù)用更大程度的縮減了頁面的體積,減少下載的時間。
參考資料來源:百度百科-css
就是把樣式寫在頁面里面。
比如在head標(biāo)簽里寫上style/style,然后把樣式寫在這里面,就叫做內(nèi)嵌樣式。
有外部式,內(nèi)嵌式,行內(nèi)樣式。
1、外部式:
(1)用法:當(dāng)要在站點(diǎn)上所有或部分網(wǎng)頁上一致地應(yīng)用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。
(2)舉例:通常外部樣式表以 .css 做為文件擴(kuò)展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進(jìn)來。
2、內(nèi)嵌式:
(1)用法:當(dāng)人們只是要定義當(dāng)前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。
(2)舉例:在 MicrosoftFrontPage2000中,某些格式設(shè)置特性會作為內(nèi)嵌樣式自動應(yīng)用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應(yīng)用框,F(xiàn)rontPage 會寫下格式設(shè)置信息,作為段落標(biāo)記符的內(nèi)嵌樣式屬性。
3、行內(nèi)樣式:
行內(nèi)樣式就是直接把CSS代碼添加到HTML的標(biāo)記中,即作為HTML標(biāo)記的屬性標(biāo)記存在。通過這種方法,可以很簡單地對某個元素單獨(dú)定義樣式。
1.行內(nèi)樣式 行內(nèi)樣式只能影響它所在的標(biāo)簽,而且總會覆蓋嵌入樣式和鏈接樣式。
p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;"By adding inline CSS styling to the/p
2.嵌入樣式 嵌入樣式的應(yīng)用范圍僅限于當(dāng)前頁面。頁面樣式會覆蓋外部樣式表中的樣式,但會被行內(nèi)樣式覆蓋。
head
style type="text/css"
h1 {font-size:16px;}
p {color:blue;}
/style
/head
3.鏈接樣式
link href="styles.css" rel="stylesheet" type="text/css" /
樣式的寫法
例子如下
1 ) p {color:red; font-size:12px; font-weight:bold}
2 ) h1 {color:blue; font-weight:bold;}
h2 {color:blue; font-weight:bold;}
h3 {color:blue; font-weight:bold;}
3)假設(shè),你在寫完前面那條規(guī)則后,又想只把h3變成斜體,那可以再為h3寫一條規(guī)則:
h1, h2, h3 {color:blue; font-weight:bold;}
h3 {font-style:italic;}