學習筆記——初識css

(1)派生選擇器
根據文檔的上下文關係來定義樣式,可以使標記更簡潔
例:
使列表內的strong元素變爲紅色
li strong{color:red;
}

(2)類選擇器
1.在css中,類選擇器以一個點號顯示
例:
.divclass{color:red;
}

在下面的HTML代碼中,div元素含有divclass類,意味着它要準守.divclass的規則
例:
注意!!
類名的第一個字符不能使用數字!無法在firefox中起作用!

2.和id選擇器一樣,class也可被用作派生選擇器:
.pclass a{color:red;
}

(3)id選擇器

1.id選擇器:id選擇器可以爲標有id的html元素指定的樣式id選擇器已‘#’來定義
2.id選擇器和派生選擇器:目前比較常用的方式是id選擇器常常用來建立派生選擇器.
3.例:
index.html代碼中的p標籤和div標籤包含了兩個id屬性,值分別爲pid和divid,在css文件中以#pid和#divid屬性值引用
注意!!!
id屬性值只能在每個html文檔中出現一次!!!!

(4)屬性選擇器
1.對帶有指定屬性的html元素設置樣式

例1:爲帶有title屬性的所有元素設置樣式

例2:爲title="te"的所有元素設置樣式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章