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下面這行 ...