css每個屬性都有多少值

CSS是網頁設計必不可少的一部分，掌握它的語法和屬性有助于我們制作出更加美觀的網頁。在CSS中，每個屬性都有對應的值，這些值的數量可以是一個、兩個、甚至多個。下面我們來一一了解一下CSS各個屬性都有多少值。

background屬性

background: transparent url(image.png) no-repeat center center / cover;

background屬性有多個值，可以設置背景顏色、背景圖片、背景重復、背景位置和背景大小。其中，background-size屬性還可以同時設置寬度和高度。

margin: 10px;
padding: 10px 20px;

margin和padding屬性可以分別設置四個方向的值，也可以使用縮寫方式統一設置所有值。當分別設置時，值的順序分別為上、右、下、左；當使用縮寫方式時，值的順序依次為上、右、下、左。

border: 1px solid #000;

border屬性可以設置邊框的寬度、樣式和顏色，還可以分別設置四個方向的值，同樣也可以使用縮寫方式統一設置所有值。當分別設置時，值的順序分別為上、右、下、左；當使用縮寫方式時，值的順序依次為寬度、樣式和顏色。

font: italic small-caps bold 16px/1.5 sans-serif;

font屬性可以設置字體的樣式、大小、行高和字體族。其中，字體大小和行高可以使用斜杠/分隔符分別設置。

text-align: center;

text-align屬性用于設置文本在容器中的對齊方式，僅有一個值，可以為left、center、right。

display: flex;

display屬性可以設置元素的顯示方式，可以設置為block、inline、inline-block等多個值，其中display:flex;是CSS3中新出現的屬性值，用于實現彈性盒子布局。

以上就是常用的一些CSS屬性及其對應的值的數量，掌握它們的用法可以更加輕松地編寫出自己想要的網頁效果。