常用的文本屬性
1.【line-height 】 設置行號,常用25px、28px ;例:line-height="25px" 佈局多行文本
2.【text-align】 設置對齊方式,常用取值爲left、right、center ;例: text-align="center" 各種元素對齊
3.【letter-spacing】 設置字符間距,常用取值爲 3px、8px ; 例:letter-spacing="5px" 加大字符間間隔
4.【text-decoration】 設置文本修飾,常用取值underline、none ; 例:text-decoration="underline" 加中劃線、下劃線等
5.【white-space】 規定如何處理空白,例如規定是否換行等,常用取值爲nowrap(不換行); 例:white-space="nowrap" 文本溢出時不斷行
常用的字體屬性
1.【font】 在一個聲明中設置字體的所有樣式屬性 例;font:bold 12px 宋體 常用語字體樣式的縮寫
2.【font-family】 定義字體類型 例:font-family:宋體 定義字體樣式
3.【font-size】 定義字體大小 例:font-size:12px 定義字體樣式
4.【font-weight】 定義字體的粗細 例:font-weight:bold 定義字體樣式
常用的背景屬性
1【background】 在一個生命中設置所有的背景屬性 例:background:#ccc url(images/bg.png) repeat-x 20px -100px
2.【background-color】 設置背景顏色 例: background-color:#ccc
3.【background-image】設置背景圖片 例:background-image:url(images/bg.png)
4.【background-repeat】設置背景的平鋪方式 例:background-repeat:no-repeat
5.【background-position】設置背景出現的初始位置 例:background-position: 20px-100px
background-repeat屬性對應的取值.【background-repeat】
1.【repeat】 橫縱向都平鋪,不填時的默認值 【應用場景】小方塊圖平鋪構建整體背景
2.【repeat-x】 橫向平鋪 【應用場景】細長小圖實現漸變效果
3.【repeat-y】 縱向平鋪 【應用場景】 小圖背景實現特殊邊框
4.【no-repeat】 背景圖不重複平鋪 【應用場景】 大圖做背景或使用偏移量控制
常用的類表類型圖標
1.【none】 去掉修飾符號 list-style:none
2.【disc】 是新圓 list-style:disc
3.【circle】 空心圓 list-style:circle
4.【square】 實心正方形 list-style:square
5.【decimal】 數字 list-style:decimal