CSS(層疊樣式表)是用于網(wǎng)頁設(shè)計的一種樣式表語言。CSS可以控制網(wǎng)頁的布局、字體、顏色、背景、邊框、大小、位置等各種樣式。CSS的應(yīng)用可以使網(wǎng)頁的外觀更加優(yōu)美、統(tǒng)一、易于維護。
/* CSS的固定格式為:選擇器{屬性: 屬性值; 屬性: 屬性值;}*/ /* 選擇器可以是標簽名、類名、ID名、屬性名等 */ /* 屬性和屬性值之間用冒號分隔,不同屬性之間用分號分隔 */ /* 給h1標簽添加樣式 */ h1{ color: red; /* 字體顏色為紅色 */ text-align: center; /* 文字居中 */ font-size: 36px; /* 字體大小為36px */ } /* 給類名為container的div添加樣式 */ .container{ width: 80%; /* 寬度為80% */ margin: 0 auto; /* 水平居中 */ background-color: #f5f5f5; /* 背景色為淡灰色 */ padding: 20px; /* 內(nèi)邊距為20px */ } /* 給ID名為logo的圖片添加樣式 */ #logo{ width: 100px; /* 圖片寬度為100px */ height: 100px; /* 圖片高度為100px */ margin-top: 10px; /* 上邊距為10px */ border-radius: 50%; /* 圓角半徑為50% */ } /* 給屬性名為href的鏈接添加樣式 */ a[href]{ text-decoration: none; /* 去掉下劃線 */ color: blue; /* 鏈接顏色為藍色 */ }
使用CSS的固定格式可以使樣式表清晰、易于修改。同時,合理地運用選擇器可以減少代碼量,提高網(wǎng)頁加載速度。
上一篇css的地圖
下一篇css的圖片居中代碼