找到所有的 h1 標簽。 選擇器(選對人)
設置這些標簽的樣式,比如顏色為紅色(做對事)。
##css基礎選擇器
基礎選擇器又包括:標簽選擇器、類選擇器、id 選擇器和通配符選擇器
###標簽選擇器:
標簽選擇器(元素選擇器)是指用 HTML 標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的 CSS 樣式。
語法:
標簽選擇器{
屬性:屬性值
…
}
作用:
標簽選擇器(元素選擇器)是指用 HTML 標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的 CSS 樣式。
###類選擇器
如果想要差異化選擇不同的標簽,單獨選一個或者某幾個標簽,可以使用類選擇器.
語法:
.類名 {
屬性1: 屬性值1;
…
}
結構需要用class屬性來調用 class 類的意思
變紅色
1.如果想要差異化選擇不同的標簽,單獨選一個或者某幾個標簽,可以使用類選擇器。
2.類選擇器在 HTML 中以 class 屬性表示,在 CSS 中,類選擇器以一個點“.”號顯示。
3.類選擇器使用“.”(英文點號)進行標識,后面緊跟類名(自定義,我們自己命名的)。
4.可以理解為給這個標簽起了一個名字,來表示。
5.長名稱或詞組可以使用中橫線來為選擇器命名。
6.不要使用純數字、中文等命名,盡量使用英文字母來表示。
7.命名要有意義,盡量使別人一眼就知道這個類名的目的。
8.命名規范:見附件( Web 前端開發規范手冊.doc)
###多類名選擇器
我們可以給一個標簽指定多個類名,從而達到更多的選擇目的。 這些類名都可以選出這個標簽.
簡單理解就是一個標簽有多個名字.
多類名的具體使用:
1.
亞瑟
注意:
1.在標簽class 屬性中寫 多個類名
2.多個類名中間必須用空格分開
3.這個標簽就可以分別具有這些類名的樣式
###id選擇器:
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML 元素以 id 屬性來設置 id 選擇器,CSS 中 id 選擇器以“#" 來定義。
語法:
#id名 {
屬性1: 屬性值1;
…
}
注意:id 屬性只能在每個 HTML 文檔中出現一次
###id選擇器和類選擇器的區別:
1.類選擇器(class)好比人的名字,一個人可以有多個名字,同時一個名字也可以被多個人使用。
2.id 選擇器好比人的身份證號碼,全中國是唯一的,不得重復。
3.id 選擇器和類選擇器最大的不同在于使用次數上。
4.類選擇器在修改樣式中用的最多,id 選擇器一般用于頁面唯一性的元素上,經常和 JavaScript 搭配使用。