CSS可以設置很多屬性,主要分為以下幾類:
1. 布局相關屬性
display:控制元素的布局方式,包括block,inline,flex等 position:控制元素的定位方式,包括static,relative,absolute等 float:控制元素的浮動方式,包括left,right等
2. 文本相關屬性
color:控制文本的顏色 font-size:控制文本的大小 font-family:控制文本的字體 text-align:控制文本的對齊方式,包括left,center,right等 text-decoration:控制文本的下劃線、刪除線等
3. 盒模型相關屬性
width:控制元素的寬度 height:控制元素的高度 padding:控制元素的內邊距 margin:控制元素的外邊距 border:控制元素的邊框 box-sizing:控制盒模型的計算方式,包括content-box,border-box等
4. 背景相關屬性
background-color:控制背景的顏色 background-image:控制背景的圖片 background-repeat:控制背景圖片的重復方式 background-position:控制背景圖片的位置
5. 動畫相關屬性
animation:控制元素的動畫效果,包括動畫名稱、持續時間、延遲等 transition:控制元素的過渡效果,包括過渡屬性、過渡時間等
除此之外,還有很多其他屬性,如列表樣式、超鏈接樣式、表格樣式等等,只有在實際應用中才能更好地掌握。
下一篇css可以被繼承