網(wǎng)頁設(shè)計(jì)9-復(fù)合選擇器

1、授課人：何蘊(yùn)婷EMAIL：- CSS- CSS樣式（樣式（4 4） 內(nèi)部培訓(xùn)資料,不作任何宣傳用途1、通過實(shí)訓(xùn)項(xiàng)目了解css的復(fù)合選擇器的語法結(jié)構(gòu)。內(nèi)部培訓(xùn)資料,不作任何宣傳用途頁面中的CSS復(fù)合選擇器內(nèi)部培訓(xùn)資料,不作任何宣傳用途復(fù)習(xí)引入復(fù)習(xí)引入classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器!- classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器11classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器22classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器33classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器44classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記

2、選擇器55classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器66在頁面中使用標(biāo)記選擇器在頁面中使用標(biāo)記選擇器內(nèi)部培訓(xùn)資料,不作任何宣傳用途復(fù)習(xí)引入復(fù)習(xí)引入classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器!- classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器44在標(biāo)記選擇器聲明下插入以下聲明后，觀察頁面效果在標(biāo)記選擇器聲明下插入以下聲明后，觀察頁面效果.special/* 類別選擇器類別選擇器 */color:red;/* 紅色紅色 */font-size:23px;/* 文字大小文字大小 */font-family:隸書隸書 /* 文字字體文字字體 */內(nèi)部培訓(xùn)資料,不作

3、任何宣傳用途“ “交集交集”選擇器選擇器classclass選擇器與標(biāo)記選擇器選擇器與標(biāo)記選擇器!- 使用于別的標(biāo)記使用于別的標(biāo)記在標(biāo)記選擇器聲明下再插入以下聲明后，觀察頁面效果在標(biāo)記選擇器聲明下再插入以下聲明后，觀察頁面效果p.special/* 標(biāo)記標(biāo)記.類別選擇器類別選擇器 */ color:green;font-family:“華文行楷華文行楷”;內(nèi)部培訓(xùn)資料,不作任何宣傳用途“ “并集并集”選擇器選擇器集體聲明集體聲明!- 集體聲明集體聲明h1h1集體聲明集體聲明h2h2集體聲明集體聲明h3h3集體聲明集體聲明h4h4集體聲明集體聲明h5h5集體聲明集體聲明p1p1集體聲明集體聲明p

4、2p2集體聲明集體聲明p3p3集體聲明：頁面中風(fēng)格相同的標(biāo)記可同時(shí)聲明，集體聲明：頁面中風(fēng)格相同的標(biāo)記可同時(shí)聲明，課本課本例例09-02內(nèi)部培訓(xùn)資料,不作任何宣傳用途“ “并集并集”選擇器選擇器全局聲明 全局聲明h1全局聲明h2全局聲明h3全局聲明h4全局聲明h5全局聲明p1全局聲明p2全局聲明p3全局聲明：全局聲明：實(shí)例實(shí)例內(nèi)部培訓(xùn)資料,不作任何宣傳用途“ “后代后代”選擇器選擇器CSS選擇器的嵌套聲明 嵌套使用CSS標(biāo)記的方法嵌套之外的標(biāo)記不生效2層嵌套的層嵌套的實(shí)例實(shí)例：內(nèi)部培訓(xùn)資料,不作任何宣傳用途CSSCSS的繼承的繼承父子關(guān)系 祖國(guó)的首都北京歡迎來到祖國(guó)的首都北京，這里是全國(guó)政治、

5、經(jīng)濟(jì)、文化的中心在這里，你可以：感受大自然的美麗體驗(yàn)生活的節(jié)奏領(lǐng)略首都的激情與活力 你還可以：去八達(dá)嶺爬長(zhǎng)城去香山看紅葉去王府井逛夜市如果您有任何問題，歡迎聯(lián)系我們內(nèi)部培訓(xùn)資料,不作任何宣傳用途CSSCSS的繼承的繼承2 2父子關(guān)系父子關(guān)系 關(guān)系關(guān)系1 頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)這里省略這里省略20個(gè)嵌套個(gè)嵌套. 頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)這里省略這里省略20個(gè)嵌套個(gè)嵌套. 關(guān)系關(guān)系2 頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)這里省略這里省略20個(gè)嵌套個(gè)嵌套. 頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)頁面父子關(guān)系復(fù)雜時(shí)這里省略這里省略20個(gè)嵌套個(gè)嵌套.內(nèi)部培訓(xùn)資料,不作任何宣傳用途課