目錄
### CSS簡介
### CSS語法
### CSS創(chuàng)建
### CSS簡介
- 樣式層疊次序
? - 一般而言责嚷,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)疚膊。
? - 瀏覽器缺省設(shè)置
? - 外部樣式表
? - 內(nèi)部樣式表(位于 <head> 標(biāo)簽內(nèi)部)
? - 內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
------------------------------------
### CSS語法
- CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成:選擇器埠巨,以及一條或多條聲明:
'''CSS
p { color: #ff0000; }
'''
- CSS注釋
? -? /* CSS注釋 */
------------------------------------
### CSS創(chuàng)建
- 外部樣式表
? - 當(dāng)樣式需要應(yīng)用于很多頁面時(shí)历谍,外部樣式表將是理想的選擇。在使用外部樣式表的情況下辣垒,你可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀望侈。每個(gè)頁面使用 標(biāo)簽鏈接到樣式表。 標(biāo)簽在(文檔的)
'''CSS
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
'''
- 內(nèi)部樣式表
- 當(dāng)單個(gè)文檔需要特殊的樣式時(shí)勋桶,就應(yīng)該使用內(nèi)部樣式表甜无。你可以使用 <style> 標(biāo)簽在文檔頭部定義內(nèi)部樣式表,就像這樣:
'''css
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
'''
- 內(nèi)聯(lián)樣式
------------------------------------
'''CSS
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
'''