????????????????關(guān)于css的一些簡單樣式

一、css選擇器選擇器名稱{ 樣式名：樣式值 }

1）加入id屬性css中寫#id名稱

（2）標(biāo)簽選擇器標(biāo)簽名{ }

（3）類選擇器.類名{ }

（4）屬性選擇器{ }[屬性名]{ } 選中所有該屬性 例[class]{ } [屬性名=屬性值1]{ } 選中所有屬性值為屬性值1的屬 ?性例[class=box1]{ }

（5）父子級(jí)選擇器父級(jí) 子級(jí){ }例

div p{? ? }父級(jí)和子級(jí)可以選用任意選擇器父級(jí)里可以多級(jí)嵌套（6）并列選擇器區(qū)別：（1）id只能用一次

二、字體樣式（1）字體加粗font-weight:? ;normal正常bold加粗lighter細(xì)體bolder更粗（2）字體類型font-family: ; 默認(rèn)微軟雅黑（3）字體傾斜font-style: ;italic傾斜normal正常（4）字體顏色（1）單詞（2）16進(jìn)制? #0000FF0-9A-F（3）rgb( , , );（4）rgba( , , , );（rgb,透明度）;

三、文本樣式

（1）文本對(duì)齊? text-align:center/left/right;? justify 兩端對(duì)齊??

（2）行高（垂直對(duì)齊）line-height外層文本的高度

（3）首行縮進(jìn)?text-indent:像素em/px;? em相對(duì)大?。?*字體本身大小，如果本身沒有字體大小會(huì)繼承父級(jí)字體 ? ? ? ? 大?。﹑x 相對(duì)單位 相對(duì)屏幕分表率

（4）劃線? ?

?? 下劃線? ? ? ? ? text-decoration:underline ? ? ? ?

?? 中劃線? ? ? ? text-decoration:line-through??

? ?上劃線? ? ? ? ? text-decoration:overline??

? ?不設(shè)置線? ? ? ? text-decoration:none

四、背景

（1）background-color:;

（2）brackground-image:url();

（3）background-repeat（平鋪/不重復(fù)）:no-repeat/repeat-x/repeat-y;

（4）background-position（定位）: x軸 y軸left/center/right? top/center/bottompx%

（5）background-size()：寬px 高px;contain? 優(yōu)先占滿寬度cover? 優(yōu)先占滿高度% %;

五、邊框border:線寬px 邊框類型 邊框顏色；solid（實(shí)現(xiàn)）、 dashed虛線（）、dotted(點(diǎn)劃線)