CSS 基礎語法

2021-06-02 07:41:48 字數 834 閱讀 2064

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

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

每條宣告由乙個屬性和乙個值組成。

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

selector
下面這行**的作用是將 h1 元素內的文字顏色定義為紅色,同時將字型大小設定為 14 畫素。

在這個例子中,h1 是選擇器,color 和 font-size 是屬性,blue 和 14px 是值。

h1
下面的示意圖為您展示了上面這段**的結構:

除了英文單詞 red,我們還可以使用十六進製制的顏色值 #ff0000:

p
為了節約位元組,我們可以使用 css 的縮寫形式:

p
我們還可以通過兩種方法使用 rgb 值:

p 

p

請注意,當使用 rgb 百分比時,即使當值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這麼做了。比如說,當尺寸為 0 畫素時,0 之後不需要使用 px 單位,因為 0 就是 0,無論單位是什麼。

p

p
你應該在每行只描述乙個屬性,這樣可以增強樣式定義的可讀性,就像這樣:

p

body
是否包含空格不會影響 css 在瀏覽器的工作效果,同樣,與 xhtml 不同,css 對大小寫不敏感。不過存在乙個例外:如果涉及到與 html 文件一起工作的話,class 和 id 名稱對大小寫是敏感的。

CSS語法基礎CSS語法基礎1 基本語法

css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義...

CSS基礎語法

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...

css基礎語法

1.插入外部樣式表 2.內部樣式表 3.多重樣式 如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。例如,外部樣式表擁有針對 h3 選擇器的三個屬性 h3 而內部樣式表擁有針對 h3 選擇器的兩個屬性 h3 假如擁有內部樣式表的這個頁面同時與外部樣式表鏈結,那...