CSS 語法

2020-11-11 09:27 更新

CSS 語法


實例


CSS 實例

CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明:

選擇器通常是您需要改變樣式的 HTML 元素。

每條聲明由一個屬性和一個值組成。

屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。


CSS 實例

CSS 聲明總是以分號 ( ; ) 結(jié)束,聲明組以大括號 ({ }) 括起來:

p {color:red;text-align:center;}

為了讓 CSS 可讀性更強,你可以每行只描述一個屬性:

實例

p
{color:red;
text-align:center;}

嘗試一下 ?

CSS 顏色值的寫法

在描述顏色的時候,除了使用英文單詞 red,我們還可以使用十六進制的顏色值 #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 百分比時,即使當(dāng)值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這么做了。比如說,當(dāng)尺寸為 0 像素時,0 之后不需要使用 px 單位。

在本站的編程實戰(zhàn)部分中,介紹了CSS使用十六進制代碼設(shè)置顏色,以及CSS使用rgb屬性設(shè)置顏色,你可以參考該部分的內(nèi)容進行更多了解。


CSS 注釋

注釋是用來解釋你的代碼,并且可以隨意編輯它,瀏覽器會忽略它。

CSS注釋以 "/*" 開始, 以 "*/" 結(jié)束, 實例如下:

/*這是個注釋*/        

p        

{       

text-align:center;       

/*這是另一個注釋*/     

color:black;     

font-family:arial;       

}


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號