CSS基礎語法

2021-09-24 16:27:40 字數 1164 閱讀 1786

1.css的定義

css指層疊樣式表(cascading style sheets)

樣式通常儲存在樣式表中

2.為什麼要使用css

樣式定義如何顯示html元素

是為了解決內容與表現分離的問題

內容:主要指html中的元素

表現:主要指內容在瀏覽器中呈現的樣式

3.css主要目的:

可以讓相同的乙個頁面在不同瀏覽器當中呈現相同的樣式css宣告

樣式屬性 操作符 樣式值 分隔符

css宣告塊(可以為某乙個元素設定多個樣式屬性)

定義css的兩種方式

-內聯樣式方式

-外聯樣式方式 :將內容和樣式進行了分離(低耦合)

(1)先來介紹一下內聯樣式:

在body中定義的樣式。缺點:耦合度太高,而且如果多個段落都需要同一種顏色,那麼每個段落中都要新增屬性,這樣太繁瑣。

**如下:

這是乙個段落內容.

這是又乙個段落內容.

(2)外聯樣式

定義:在中定義樣式,元素選擇器,找到頁面中所有的p元素

**如下:

這是乙個段落內容.

這是又乙個段落內容.

效果:

可以看出外聯樣式可以將body中所有的段落都定義為相同的樣式,但是這樣還是不能讓樣式和內容達到完全分離的目的。

(3)樣式和內容的完全分離

要做到這一點,需要再建立乙個css檔案將樣式寫到其中

**如下:

css檔案**:

p

``

html檔案**:

這是乙個段落內容

(4)樣式使用的優先級別

現在同時再乙個html檔案中定義內聯樣式和外聯樣式,並且定義的顏色是不同的。

**如下:

這是乙個段落內容

由此可以看出內樣樣式的優先順序更高。

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

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

CSS基礎語法

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

CSS 基礎語法

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。selector下面這行 ...