一、css書寫規範:
1、書寫順序:
(1)位置屬性(position,top,right,z-index,display,float等);
(2)大小(width,height,padding,margin);
(3)文字(font,line-height,letter-spacing,color-,text-,align等);
(4)背景(background、border等);
(5)其他(animation、transition等);
2、使用css縮寫屬性:
(1)padding,margin,font等可以縮寫;
3、去掉小數點前的“0”;
4、簡寫命名;
5、十六進制顏色代碼縮寫;
6、連字符css選擇器命名要規範:
(1)長名稱或詞組可以使用中橫線來爲選擇器命名;
(2)不能用下劃線“_”來命名css選擇器,一是因爲一些瀏覽器不兼容,二是方便區分JavaScript變量;
二、元素屬性應用:
1、font:
(1)主要屬性:
font-family(字體族):“黑體”、“宋體”等;
font-style(字體樣式):normal(正常)、italic(斜體)或oblique(傾斜);
font-variant(字體變化):normal(正常)或small-caps(小體大寫字母);
font-weight(字體濃淡):normal(正常)或bold(加粗)等,有的瀏覽器支持100,200,···,900這9個數字;
font-size(字體大小):可用不同單位表示,如12px,12pt,12em等;
(2)簡化順序:
font:font-style | font-variant | font-weight | font-size | font-height | font-family;
注意:屬性可選,但順序不能亂。