css基礎語法
派生選擇器 | 上下文選擇器 contextual selectors
id選擇器
類選擇器
屬性選擇器
選擇器裡的特殊符號
插入css
樣式定義html元素的展示
結構html - 行為js - 樣式css相分離
優先順序從高至低：
內聯樣式
html 元素中的 style 屬性
內部樣式表
標籤內部插入的樣式
外部樣式表
瀏覽器預設設定
選擇器
selector
花括號中為設定的屬性和對應值
顏色值的不同表示方法
ppp
p
css 對大小寫不敏感
但是對html文件中的class和id的大小寫敏感
選擇器可以打堆一起規定樣式
h1,h2,h3,h4,h5,h6
子元素可以繼承父元素的屬性
屬性值和單位之間不要留有空格
margin-left
: 20 px 錯誤
margin-left
: 20px 正確
根據文件的上下文關係來定義某個標籤的樣式
即某a類父元素下某b類子元素的樣式
a b
以 # 定義
(id屬性在每個html文件裡具有唯一性）
id選擇器和派生選擇器結合使用
#sidebar p
以 . 定義
類名的第乙個字元不能為數字
元素也可以基於類被選擇
td.fancy
只有在規定了 !doctype 時，ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中，不支援屬性選擇。
為具有 title 屬性的所有元素設定樣式
屬性選擇器可以為為不帶有 class 或 id 的表單設定樣式
[title]
[title=minisal]
適用於由空格分隔的屬性值
[title~=hello]
符號表達意義
attribute ~= value
屬性attribute中包含value的元素
attribute |= value
屬性attribute的值中以value開頭的元素 ( value為整個單詞 )
attribute ^= value
屬性attribute的值中以value開頭的元素
attribute $= value
屬性attribute的值中以value結尾的元素
中標籤指定以.css結尾的樣式表的位置
使用
標籤內使用 style 屬性
不同樣式表中，同乙個選擇器被定義屬性時，
定義相同屬性
以優先順序選擇屬性的值
定義不同屬性
向優先順序更小的樣式表內繼承
CSS入門基礎
一 選擇器詳解 下 符合選擇器部分 標籤指定式選擇器 交集選擇器 語法 標籤名 其他選擇器 示例 段落文字1 段落文字2 效果 段落文字1顯示紅色 結論 標籤指定式選擇器中的兩個選擇器是既 又的關係，如示例中，既是p標籤，又必須class屬性為content的元素被選中。後代選擇器 語法 選擇器1 ...
CSS基礎入門
css是w3c協會 全球資訊網聯盟 為了彌補html在顯示屬性設定上面的不足而制定的一套擴充套件樣式標準。css的基本規則是 選擇符。css選擇器常用的是標記選擇器 類別選擇器和id選擇器，使用選擇器可對不同的html標籤進行控制，從而實現各種效果。標記選擇器是直接對標籤名稱進行選擇，選擇符為標籤名...
CSS入門基礎
內聯樣式 可以將css樣式編寫到元素的style屬性中 將樣式直接編寫到style屬性中，這種樣式我們稱為內聯樣式 內聯樣式只對當前元素中的內容起作用，內聯樣式不方便復用 內聯樣式屬於結構與表現耦合，不方便後期的維護，不推薦使用的 例 鋤禾日當午，汗滴禾下土 誰知盤中餐，粒粒皆辛苦 內部樣式表 也可...