在網頁設計中,CSS(Cascading Style Sheets)是一種用來控制網頁元素樣式和布局的語言。CSS可以減少HTML代碼量,使得網站的風格和標準化變的更易于修改和管理。下面是CSS的一些常用特性:
/*選擇器*/ /*id選擇器*/ #id { property: value; } /*類選擇器*/ .class { property: value; } /*標簽選擇器*/ tagname { property: value; } /*偽類選擇器*/ a:hover { property: value; } /*盒模型*/ box-sizing: border-box;/*設置為border-box會讓padding和border計入寬高中*/ border: 2px solid black; padding: 10px; width: 200px; height: 100px; /*總寬高為:2*2 + 20*2 +200 = 244px ,總高度為: 2*2 + 10*2 + 100 = 124px*/ /*浮動*/ float: left;/*可以使元素脫離文檔流,其他對象會圍繞它*/ .clearfix::before, .clearfix::after { content: ""; clear: both;/*清除浮動*/ } /*定位*/ position: absolute;/*相對于最近的relative或absolute的父元素進行定位*/ top: 10px; bottom: 10px; left: 10px; right: 10px; /*響應式布局*/ @media screen and (max-width: 768px) {/*小于等于768px屏幕寬度時,切換CSS樣式*/ property: value; }
CSS是網頁設計中不可或缺的一部分,掌握了這些常用特性后,可以讓我們的網站更加美觀、規范化和易于維護。
上一篇mysql控件