CSS 語法
CSS 實(shí)例
CSS聲明總是以分號(hào)(;)結(jié)束,聲明組以大括號(hào)({})括起來:
p {color:red;text-align:center;}
為了讓CSS可讀性更強(qiáng),你可以每行只描述一個(gè)屬性:
實(shí)例
p
{
color:red;
text-align:center;
}
嘗試一下 »
CSS 顏色值的寫法
在描述顏色的時(shí)候,除了使用英文單詞 red,我們還可以使用十六進(jìn)制的顏色值 #ff0000:
p { color: #ff0000; }
為了節(jié)約字節(jié),我們可以使用 CSS 的縮寫形式:
p { color: #f00; }
我們還可以通過兩種方法使用 RGB 值:
p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }
提示:當(dāng)使用 RGB 百分比時(shí),即使當(dāng)值為 0 時(shí)也要寫百分比符號(hào)。但是在其他的情況下就不需要這么做了。比如說,當(dāng)尺寸為 0 像素時(shí),0 之后不需要使用 px 單位。
在本站的編程實(shí)戰(zhàn)部分中,介紹了CSS使用十六進(jìn)制代碼設(shè)置顏色,以及CSS使用rgb屬性設(shè)置顏色,你可以參考該部分的內(nèi)容進(jìn)行更多了解。
CSS 注釋
注釋是用來解釋你的代碼,并且可以隨意編輯它,瀏覽器會(huì)忽略它。
CSS注釋以 "/*" 開始, 以 "*/" 結(jié)束, 實(shí)例如下:
/*這是個(gè)注釋*/
p
{
text-align:center;
/*這是另一個(gè)注釋*/
color:black;
font-family:arial;
}
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-03-27 閱讀:
- CSS Id 和 Class選擇器
- 如果你要在HTML元素中設(shè)置CSS樣式,你需要在元素中設(shè)置"id" 和 "class"選擇器。
- 03-27 關(guān)注:0
- CSS 語法
- CSS聲明總是以分號(hào)(;)結(jié)束,聲明組以大括號(hào)({})括起來:
- 03-27 關(guān)注:0