偽類選擇器

a:link 訪問之前的狀態(tài)

a:visited 訪問之后的狀態(tài)

標簽:hover 鼠標移入之后的狀態(tài)

a:active 鼠標按下的狀態(tài)

偽類選擇器除了hover以外只能在a標簽上使用

順序不能顛倒，但是可以少某個狀態(tài)

直接子集選擇器

選擇器1>選擇器2{

}

優(yōu)先級（權(quán)重）

四位數(shù)字表示

標簽選擇器 0001

類名的權(quán)重 0010

id的權(quán)重 0100

后代選擇器 選擇器權(quán)重之和

偽類選擇符的權(quán)重為0010 如 :link :visited......

a:link{}

內(nèi)聯(lián)樣式權(quán)重 1000

css樣式

1.文字大小

font-size:16px;

默認值是16px，

最大值沒有限定，

最小值一般是12px(谷歌瀏覽。edeg),有的瀏覽器最小是10px

2.字體類型

font-family:"宋體";

默認字體類型:微軟雅黑

單個的字體類型，名字是單獨的單詞 雙引號可以省略，

字體類型是一組詞組的情況下，雙引號必須寫

字體類型是多個的情況下，類型之間用逗號隔開

font-family: "hahaha" ,"宋體","華文隸書";

先看第一個字體類型有沒有，有直接顯示，沒有看第二個，第二個有顯示沒有看下一個，如果都沒有的情況下顯示默認值

3文字顏色

color:red;

顏色的表示方式

英文單詞

#6位十六進制 == #c24c25

十六進制：取值范圍0-9 a-f

rgb(255,0,0)

三原色取值范圍 0-255之間

rgba(255,0,0,0.5)

最后一位表示透明度：

透明度取值范圍0-1之間，0表示透明，1不透明

0.5可以簡寫為.5

4.文字粗細

font-weight:100|200|300|400|500|600|700|800|900|lighter|normal|bold|bolder;

正常：400|500|normal

細體：100|200|300|lighter

加粗：600|700|800|900|bold|bolder

5.文字傾斜

font-style: italic|oblique|normal;

傾斜： italic|oblique

正常：normal

區(qū)別：

Italic是指斜體字，而Oblique是傾斜的文字，對于沒有斜體的字體應(yīng)該使用Oblique屬性值來實現(xiàn)傾斜的文字效果.

6.文字水平對齊方式

text-align:left|center|right|justify;

left:默認值 從左向右

right:從右向左

center:居中

justify:兩端對齊（對中文不起作用，部分瀏覽器不起作用）

7.文字垂直對齊方式

line-height:value;

line-height = height 垂直居中

line-height > height 文字偏下

line-height < height 文字偏上

8.文本修飾

text-decoration: line-through|underline|overline|none;

line-through:刪除線

underline:下劃線

overline:上劃線

none:去掉

同時具有上劃線，下劃線，中劃線

text-decoration: line-through underline overline;

9.首行縮進

text-indent:32px|2em;

32px---->文字默認是16px，縮進的是2個字

2em-----字體的2倍

可以寫負數(shù)，但是不建議

文字復(fù)合屬性

font:weight style size/line-height family ;

line-height family這兩個屬性必須要寫

10.列表屬性

list-style:none;----可以給ul，ol,li

11邊框

border-width:1px;

border-style:solid|dashed|dotted|double|none;

邊框的樣式

solid:實線

dashed:虛線

dotted:d點劃線

double:雙線

none:沒有-----適用于有邊框需要去掉的時候

border-color:#000;

border: 20px solid #000;-----四個方向都有邊框

上邊框

border-top-width:2px ;

border-top-style: solid;

border-top-color: red;

上邊框簡寫

border-top: 2px solid red;

下邊框

border-bottom-width:2px ;

border-bottom-style: solid;

border-bottom-color: red;

下邊框簡寫

border-bottom: 2px solid red;

左邊框

border-left-width:2px ;

border-left-style: solid;

border-left-color: red;

左邊框簡寫

border-left: 2px solid red;

右邊框

border-right-width:2px ;

border-right-style: solid;

border-right-color: red;

右邊框簡寫

border-right: 2px solid red;