css積累

一、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;

注意:屬性可選,但順序不能亂。














發佈了12 篇原創文章 · 獲贊 4 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章