CSS樣式是網頁設計中不可或缺的重要元素,為了提高CSS開發的效率,專門設計了一些CSS樣式的復合屬性,讓我們簡單地了解一下。
1. 背景樣式:background
background: background-color background-image background-repeat background-position;
background是很經常用到的一個屬性,可以設置多個子屬性。其中,background-color設置背景色,background-image設置背景圖,background-repeat和background-position分別設置背景圖重復方式和位置。
2. 邊框樣式:border
border: border-width border-style border-color;
border樣式同樣也是很常用的。這個屬性可以設置三個子屬性,分別是border-width(寬度),border-style(樣式),border-color(顏色),可以調整網頁元素的邊框樣式。
3. 字體樣式:font
font: font-style font-variant font-weight font-size line-height font-family;
font屬性可以一次性設置字體的多項屬性。其中,font-style可以設置字體是否斜體,font-variant設置字體是否小型大寫,font-weight設置字體粗細程度,font-size設置字體大小,line-height設置行高,font-family設置字體族。
4. 列表樣式:list-style
list-style: list-style-type list-style-position list-style-image;
list-style屬性可以設置列表的樣式、位置和背景。其中,list-style-type可以設置為圓點、數字等風格,list-style-position可以設置列表環繞樣式和位置,list-style-image可以設置列表的圖片背景。
以上就是幾種常見的CSS樣式復合屬性,可以大大提高開發的效率,減少冗余代碼,讓網頁更加美觀。
上一篇php 5e 6轉換
下一篇css樣式添加圓角邊框