css中內(nèi)容模塊class用樣式選擇符“.”(英文半角輸入句號(hào))。
class類標(biāo)記,可以用于被多個(gè)元素調(diào)用(以“.”選擇符命名樣式可以一個(gè)頁(yè)面使用多次)是類標(biāo)簽,在同一個(gè)頁(yè)面可以調(diào)用無(wú)數(shù)次(沒(méi)限制的),在CSS里用“.”表示。
ID就像一個(gè)人的身份證,用于識(shí)別這個(gè)DIV的,Class就像人身上穿的衣服,用于定義這個(gè)DIV的樣式。一般一個(gè)網(wǎng)頁(yè)不設(shè)二個(gè)或二個(gè)以上同ID的div,但Class可以多個(gè)DIV用同一個(gè)Class。
CSS中的新增標(biāo)簽有以下兩類:
一、語(yǔ)義化標(biāo)簽
以前的布局基本用div來(lái)做,div對(duì)于搜索引擎來(lái)說(shuō),是沒(méi)有語(yǔ)義的。CSS新增語(yǔ)義化標(biāo)簽:
1.header頭部標(biāo)簽2.nav導(dǎo)航標(biāo)簽
3.article內(nèi)容標(biāo)簽
4.section定義文檔某個(gè)區(qū)域
5.aside側(cè)邊欄標(biāo)簽
6.footer尾部標(biāo)簽
二、在IE9中需要將這些元素轉(zhuǎn)換為塊級(jí)元素
新增的多媒體標(biāo)簽主要包含兩個(gè):
1、音頻:<audio>
2、視頻:<video>
使用它們可以很方便的在頁(yè)面中嵌入音頻和視頻,而不再去使用flash和其他瀏覽器插件。
1. 打開(kāi)文檔,然后打開(kāi)“CSS樣式”面板。
2. 在“CSS樣式”面板中,點(diǎn)擊右下角的“新建 CSS 規(guī)則”按鈕,打開(kāi)“新建 CSS 規(guī)則”對(duì)話框。
在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項(xiàng)。
在“選擇器名稱”中點(diǎn)擊右邊的下拉箭頭,我們可以看到:
a:link:未訪問(wèn)的超鏈接。
a:visited:已經(jīng)訪問(wèn)過(guò)的超鏈接。
a:hover:鼠標(biāo)指針移動(dòng)到上面時(shí)的超鏈接。
a:active:正在訪問(wèn)的超鏈接。
3. 在“選擇器名稱”中選擇“a:link”項(xiàng),然后點(diǎn)擊“確定”按鈕,打開(kāi)“CSS 規(guī)則定義”對(duì)話框。
4. 在“CSS 規(guī)則定義”對(duì)話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設(shè)置鏈接字體的顏色、大小和修飾等。
5. 設(shè)置好以后單擊“確定”按鈕,完成“a:link”項(xiàng)的設(shè)置。
CSS規(guī)則由兩部分組成,選擇器,和一條或多條聲明,例如:
h1 {color:blue; font-size:12px;}
選擇器通常是html中的一個(gè)標(biāo)簽,每條聲明由一個(gè)屬性和屬性值組成,一般是樣式屬性
CSS一般寫(xiě)在html文件中的<style></style>標(biāo)簽里面,
CSS注釋:以/* 開(kāi)頭,*/結(jié)尾