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...