CSS樣式詞典100個(gè)

樣式表是一種將字體、顏色、間距等風(fēng)格應(yīng)用于網(wǎng)站元素的方法。在CSS中有很多不同類型的樣式屬性。下面是100個(gè)常用的CSS樣式詞典。

/*字體和文本屬性*/
color：文本顏色；
line-height：行高；
font-size：字體大小；
font-weight：字體粗細(xì)；
text-align：文本對(duì)齊方式；
text-decoration：文本修飾；
text-transform：文本大小寫(xiě)轉(zhuǎn)換；
/*背景屬性*/
background-color：背景顏色；
background-image：設(shè)置背景圖片；
background-position：背景圖片位置；
background-repeat：背景圖片重復(fù)；
opacity：元素透明度；
/*盒模型屬性*/
width：元素寬度；
height：元素高度；
margin：外邊距；
padding：內(nèi)邊距；
border：元素邊框；
box-shadow：盒子陰影效果；
/*定位和布局屬性*/
position：元素定位方式；
z-index：元素層級(jí)；
display：元素顯示方式；
float：元素浮動(dòng)方式；
clear：清除浮動(dòng)；
/*列表樣式*/
list-style-type：列表項(xiàng)標(biāo)記類型；
list-style-image：自定義列表項(xiàng)標(biāo)記圖像；
list-style-position：列表項(xiàng)標(biāo)記位置；
/*鼠標(biāo)樣式*/
cursor：鼠標(biāo)指針樣式；
/*動(dòng)畫(huà)效果*/
transition：元素過(guò)渡效果；
animation：元素動(dòng)畫(huà)效果；
/*響應(yīng)式設(shè)計(jì)*/
@media：響應(yīng)式設(shè)計(jì)；

這些CSS詞匯在網(wǎng)頁(yè)設(shè)計(jì)中都有很重要的作用。很多人都認(rèn)為CSS代碼過(guò)于復(fù)雜，其實(shí)理解這100個(gè)常用的CSS樣式詞匯，就可以輕松運(yùn)用CSS樣式。