CSS通用模版是指在編寫CSS樣式時常用的一些基礎代碼結構和技巧,它可以幫助我們快速、高效地編寫出符合標準、結構清晰的CSS樣式。
樣式重置: *{margin: 0; padding: 0; box-sizing: border-box;} 通用選擇器: /* 選中所有元素 */ *{} /* 選中某個標簽 */ p{} /* 選中某個類 */ .class{} /* 選中某個ID */ #id{} /* 選中某個標簽下的子元素 */ ul li{} /* 選中某個標簽下的緊鄰子元素 */ ul >li{} /* 選中某個標簽下的不是緊鄰子元素的元素 */ ul li:not(:first-child){} /* 選中hover狀態下的元素 */ a:hover{} 盒模型: .box{ width: 100px; height: 100px; padding: 10px; border: 1px solid #000; margin: 10px; /* 計算盒模型寬度 */ box-sizing: border-box; } 浮動: .float{ float: left; } 清除浮動: .clearfix::after{ content: ""; display: block; clear: both; } 文本截斷: .text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } 重要性屬性: !important;
以上是CSS通用模版的一些常用代碼,當然還有很多其他的技巧和結構需要我們在實際編寫中掌握和靈活運用,這里所列舉的只是基礎中的基礎,希望大家在學習CSS時,要注重實踐和總結,不斷完善自己的編碼水平。
上一篇ps如何完整保存css
下一篇qt進度條css