CSS常用樣式表

常用的文本屬性

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章