CSS是Cascading Style Sheet的縮寫怎静,譯作“層疊樣式表單”,是用于增強網(wǎng)頁的顯示效果黔衡,并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言蚓聘。便于網(wǎng)站代碼后期的維護。
在實際開發(fā)中盟劫,CSS主要用于設置HTML頁面中的文本內(nèi)容(字體夜牡、大小、對齊方式等)、圖片的外形(寬高塘装、邊框樣式急迂、邊距等)以及版面的布局等外觀顯示樣式。
* 規(guī)則:
選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}
選擇器用于指定CSS樣式作用的HTML對象蹦肴,花括號內(nèi)的屬性是對該對象設置的具體樣式僚碎。其中,屬性和屬性值以“鍵值對”的形式出現(xiàn)阴幌。
* 示例:
div{border:1px solid red;width:600px;height:400px;}
上面的代碼就是一個完整的CSS樣式勺阐。其中,div為選擇器矛双,表示CSS樣式作用的HTML對象渊抽;其中,border屬性有3個值“1px solid red;”分別表示該邊框為1像素议忽、實心邊框線懒闷、紅色。
在CSS中徙瓶,通常使用像素單位px作為計量文本毛雇、邊框等元素的標準量,px是相對于顯示器屏幕分辨率而言的侦镇。而百分比(%)是相對于父對象而言的灵疮。如一個元素呈現(xiàn)的寬度是400px,子元素設置為50%壳繁,那么子元素所呈現(xiàn)的寬度為200px震捣。
在CSS中顏色的取值方式有3種:
(1)預定義的顏色值:如red、green闹炉、blue等蒿赢。
(2)十六進制:如#FF0000、#FF6600渣触、#29D794等羡棵。實際工作中,十六進制是最常用的定義顏色的方式嗅钻。
(3)RGB代碼:如紅色可以用rgb(255,0,0)或rgb(100%皂冰,0%,0%)來表示养篓。如果使用RGB代碼百分比方式取顏色值秃流,即使其值為0,也不能省略百分號柳弄。