1 美化頁面。
2 html 和 css 分離。
選擇器
1 標籤，行內樣式表
2 頁面樣式
3 外部樣式表， link標籤引入
1 id選擇器，只能修飾該id的樣式
1 定義id
2 定義樣式： #title
整個html頁面id唯一。
2 類選擇器，所有使用了該類樣式的元素
1 定義類樣式： .類樣式名稱
2 使用：
3 元素(標籤)選擇器， 所有該元素
1 標籤名
優先順序：
1 id選擇器 > 類選擇器 > 元素選擇器
2 元素使用了多個類選擇器，且多個類選擇器包含相同的樣式，以**順序最後的乙個為準。
通配選擇器：*
1 英文單詞 red green blue……
2 十六進製制，#ff0000
3 rgb方式，rgb(255,0 ,0)
字型：font-family :
粗細：font-weight
大小：font-size
風格：font-style
簡寫： font : (font-style font-weight font-size font-family) (至少保留font-size font-family)
行高：line-height ，文字垂直居中
文字： 居中方式：text-align: center right left
文字修飾：text-decoration : none 沒有下劃線
文字縮排：text-indent: 2em;
1 並集選擇器
2 屬性選擇器
!( 4 子選擇器
5 相鄰兄弟元素
偽類，偽元素
/* 注釋 */
1 層疊性
口訣：長江後浪推前浪，前浪躺在沙灘上。
2 繼承性
口訣：龍生龍，鳳生鳳，老鼠的兒子會打洞。
3 優先順序
css權重
用乙個四位的數字串(css2是三位)來表示，更像四個級別，值從左到右，左面的最大，一級大於一級，數字之間沒有進製，級別之間不可超越。
繼承或者* 的貢獻值
0,0,0,0
每個元素（標籤）貢獻值為
0,0,0,1
每個類，偽類貢獻值為
0,0,1,0
每個id貢獻值為
0,1,0,0
每個行內樣式貢獻值
1,0,0,0
每個!important貢獻值
∞ 無窮大
比如：div ul li ------> 0,0,0,3 0,0,0,3
.n** ul li ------> 0,0,1,2 0,0,1,2
a:hover -----> 0,0,1,1 0,0,1,1
.n** a ------> 0,0,1,1 0,0,1,1
#n** p -----> 0,1,0,1 0,1,0,1
總結優先順序：
1.使用了 !important宣告的規則。
2.內嵌在 html 元素的 style屬性裡面的宣告。
3.使用了 id 選擇器的規則。
4.使用了類選擇器、屬性選擇器、偽元素和偽類選擇器的規則。
5.使用了元素選擇器的規則。
6.只包含乙個通用選擇器的規則。
CSS層疊樣式表 定義樣式表
定義樣式表 1 html標記定義 p p可以叫做選擇器，定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性，他們之間需要用英語 隔開，最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...
CSS常用樣式表
常用的文字屬性 1.line height 設定行號，常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式，常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...
CSS層疊樣式表
一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊，並根據它來格式化文件 ...