css基礎知識

2022-08-13 10:39:12 字數 989 閱讀 2524

1、css定義:層疊樣式表,用來美化頁面

2、寫法分類

1)內聯(行內):

寫在標籤裡面,以屬性的形式表現,屬性名:style

此種寫法不推薦使用

2)內嵌:

寫在裡面,以標籤的形式表現,標籤名:style

3)外部引用:

樣式寫在乙個.css檔案裡面,通過引用載入到頁面中,

寫在裡面,以標籤的形式表現,標籤名:link

3、樣式格式

樣式屬性名:樣式值;樣式屬性名:樣式值;……

4、選擇器

4.1作用:找標籤

把樣式應用到指定的標籤上

4.2格式:

選擇器{

樣式屬性名:樣式值;樣式屬性名:樣式值;……

4.3常用選擇器

1)通用選擇器:*

2)標籤選擇器:標籤名

3)id選擇器:#id值

4)class選擇器:.class

5) 屬性選擇器:選擇器[屬性名=」屬性值」]

6)並列選擇器:多個選擇器分為一組,用逗號分隔,同時設定樣式

7)後代選擇器:選擇器 選擇器

8)子元素選擇器:選擇器》選擇器

5、優先順序

1) 規則1: 最近的祖先樣式比其他祖先樣式優先順序高。

2) 規則2:"直接樣式"比"祖先樣式"優先順序高。

3) 規則3:優先順序關係:內聯樣式 > id 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標籤選擇器 = 偽元素選擇器

4) 規則4:計算選擇符中 id 選擇器的個數(a),計算選擇符中類選擇器、屬性選擇器以及偽類選擇器的個數之和(b),計算選擇符中標籤選擇器和偽元素選擇器的個數之和(c)。按 a、b、c 的順序依次比較大小,大的則優先順序高,相等則比較下乙個。若最後兩個的選擇符中 a、b、c 都相等,則按照"就近原則"來判斷。

4) 規則5:屬性後插有 !important 的屬性擁有最高優先順序。若同時插有 !important,則再利用規則 3、4 判斷優先順序。

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...