CSS網(wǎng)頁布局與瀏覽器兼容

第 1章 揭開CSS的神秘面紗………13
1．1 了解Web標(biāo)準(zhǔn)…………………………13
1．1．1 W3C組織………………………13
1．1．2 Web標(biāo)準(zhǔn)的組成………………14
1．1．3 什么是HTML… ………………14
1．1．4 什么是CSS樣式………………14
1．1．5 HTML+CSS之最佳拍檔………15
1．1．6 Web標(biāo)準(zhǔn)的發(fā)展趨勢(shì)…………15
1．2 CSS樣式簡介…………………………15
1．2．1 CSS樣式的發(fā)展… ……………16
1．2．2 CSS 3的突出特性… …………16
1．3 檢查瀏覽器是否支持CSS 3…………18
1．3．1 使用Modernizr檢查支持
情況… …………………………18
1．3．2 各瀏覽器對(duì)CSS 3的支持
情況… …………………………18
1．4 CSS樣式語法…………………………20
1．4．1 CSS樣式基本語法……………20
1．4．2 CSS樣式規(guī)則構(gòu)成……………21
1．5 跨瀏覽器的CSS………………………21
1．5．1 漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)……………21
1．5．2 跨瀏覽器適配的通用方法………22
1．6 理解瀏覽器的私有CSS屬性…………22
1．6．1 不同核心瀏覽器的私有CSS
屬性前綴… ……………………23
1．6．2 CSS屬性前綴的排序…………23
1．7 在HTML頁面中使用CSS樣式的
4種方式… ……………………………23
1．7．1 內(nèi)聯(lián)CSS樣式…………………24
1．7．2 內(nèi)部CSS樣式…………………24
1．7．3 鏈接外部CSS樣式表文件……24
1．7．4 導(dǎo)入外部CSS樣式表文件……25
實(shí)戰(zhàn)：在網(wǎng)頁中鏈接外部CSS樣式表
文件……………………………………25
1．8 CSS樣式的特性與注意事項(xiàng)…………27
1．8．1 CSS樣式的相關(guān)特性…………27
1．8．2 CSS樣式的注釋………………29
1．8．3 CSS樣式的縮寫………………29
1．9 本章小結(jié)… ……………………………31第 2章 從全新的CSS3選擇器
開始… ………………………32
2．1 認(rèn)識(shí)CSS選擇器………………………32
2．1．1 CSS 3選擇器的優(yōu)勢(shì)… ………32
2．1．2 CSS 3選擇器的分類… ………33
2．2 基礎(chǔ)選擇器… …………………………33
2．2．1 基礎(chǔ)選擇器語法… ……………33
2．2．2 基礎(chǔ)選擇器的瀏覽器兼容性……34
2．2．3 通配選擇器… …………………34
2．2．4 標(biāo)簽選擇器… …………………34
實(shí)戰(zhàn)：創(chuàng)建通配選擇器與標(biāo)簽選擇器
樣式……………………………………35
2．2．5 ID選擇器… ……………………36
2．2．6 類選擇器… ……………………37
實(shí)戰(zhàn)：創(chuàng)建ID選擇器與類選擇器樣式……37
2．2．7 群組選擇器… …………………39
實(shí)戰(zhàn)：創(chuàng)建群組選擇器樣式…………………40
2．3 層次選擇器… …………………………41
2．3．1 層次選擇器語法… ……………41
2．3．2 層次選擇器的瀏覽器兼容性……42
2．3．3 后代選擇器… …………………42
2．3．4 子選擇器… ……………………43
實(shí)戰(zhàn)：使用后代選擇器與子選擇器…………43
2．3．5 相鄰兄弟選擇器… ……………44