CSS(Cascading Style Sheets)是一種用于設(shè)計(jì)網(wǎng)頁的樣式表語言。它可以讓開發(fā)者完全控制網(wǎng)頁的外觀和布局。
在CSS中,樣式被定義為選擇器和聲明的集合。選擇器指定了要應(yīng)用樣式的HTML元素,而聲明描述了這些元素的外觀和布局。
以下是幾種常見的CSS樣式:
1. 文字樣式:
p { color: red; /*文字顏色*/ font-weight: bold; /*文字粗細(xì)*/ font-family: Arial, sans-serif; /*字體*/ font-size: 18px; /*字體大小*/ text-align: center; /*文字居中*/ }
2. 背景樣式:
body { background-color: #f5f5f5; /*背景顏色*/ background-image: url("bg.jpg"); /*背景圖片*/ background-repeat: repeat; /*背景重復(fù)*/ background-position: center center; /*背景位置*/ }
3. 盒子模型樣式:
div { width: 200px; /*盒子寬度*/ height: 200px; /*盒子高度*/ border: 1px solid black; /*邊框*/ margin: 10px; /*外邊距*/ padding: 20px; /*內(nèi)邊距*/ box-sizing: border-box; /*盒子大小*/ }
4. 鏈接樣式:
a { text-decoration: none; /*去掉下劃線*/ color: blue; /*鏈接顏色*/ font-weight: bold; /*鏈接粗細(xì)*/ } a:hover { color: red; /*鼠標(biāo)懸停鏈接顏色*/ }
5. 列表樣式:
ul { list-style-type: none; /*去掉默認(rèn)樣式*/ } li { margin: 10px 0; /*行間距*/ padding: 5px; /*內(nèi)邊距*/ background-color: #f5f5f5; /*背景顏色*/ border-radius: 5px; /*圓角*/ }總之,CSS讓我們可以控制網(wǎng)頁的樣式和布局,使網(wǎng)頁看起來更美觀和專業(yè)。