CSS實(shí)戰(zhàn)精粹

內(nèi)容概要

本書(shū)提供了一系列現(xiàn)代的、高效的CSS技術(shù)，囊括了CSS工作原理的所有細(xì)節(jié)，主要介紹了能夠在項(xiàng)目中使用的具體CSS設(shè)計(jì)技巧，包括優(yōu)先級(jí)和級(jí)聯(lián)，hack和濾器（以及如何盡可能不使用它們），有效地代碼維護(hù)和優(yōu)化，高級(jí)選擇符和規(guī)則，高級(jí)的樣式設(shè)計(jì)和布局技術(shù)，創(chuàng)建一般頁(yè)面元素，疑難問(wèn)題解答，等等。本書(shū)的技術(shù)主要集中于如何創(chuàng)建可維護(hù)、可重復(fù)使用、可兼容的實(shí)用網(wǎng)站。    本書(shū)適用于那些為一般人群設(shè)計(jì)專業(yè)站點(diǎn)的網(wǎng)絡(luò)開(kāi)發(fā)者和程序設(shè)計(jì)者，以及對(duì)（X）HTML和CSS有基本理解并希望能更上一層樓的人群。

作者簡(jiǎn)介

Jeff Croft，網(wǎng)頁(yè)和圖形設(shè)計(jì)師，致力于基于網(wǎng)絡(luò)標(biāo)準(zhǔn)的開(kāi)發(fā)。目前居住并就職于堪薩斯州的勞倫斯。作為一名world Online的高級(jí)設(shè)計(jì)師，Jeff工作于多家極負(fù)盛名的標(biāo)準(zhǔn)化網(wǎng)站，如：http：//lawrence.corn和http：//LJWorld.com他還擁有非常受歡迎的私人博客和個(gè)人站點(diǎn)：http：//j

書(shū)籍目錄

作者簡(jiǎn)介技術(shù)評(píng)論員簡(jiǎn)介致謝導(dǎo)言第1章 CSS的目標(biāo)  1.1 使用CSS制作樣式的優(yōu)勢(shì)  1.2 語(yǔ)義化（x）HTML：有意義的標(biāo)記    1.2.1 什么是語(yǔ)義化標(biāo)記    1.2.2 編寫(xiě)語(yǔ)義化標(biāo)記在現(xiàn)實(shí)中對(duì)你有什么幫助    1.2.3 創(chuàng)建富含語(yǔ)義的（x）HTML標(biāo)記    1.2.4 避免使用非結(jié)構(gòu)性標(biāo)簽    1.2.5 避免“Divitis”和“Classitis”  1.3 選擇你的標(biāo)記語(yǔ)言和DOCTYPE    1.3.1 HTML對(duì)XHTML：決定的重要性    1.3.2 DOCTYPE：最被低估的標(biāo)簽  1.4 現(xiàn)代Web文檔的三層結(jié)構(gòu)    1.5 總結(jié)第2章 樣式表語(yǔ)言  2.1 為文檔增添樣式    2.1.1 標(biāo)簽    2.1.2 使用多個(gè)樣式表    2.1.3 style元素  2.2 創(chuàng)建樣式表  2.3 聲明  2.4 選擇符    2.4.1 元素選擇符    2.4.2 類選擇符    2.4.3 ID選擇符　2.5 （X）HTML的家族樹(shù)  　2.5.1 后代選擇符　  2.5.2 子元素選擇符  　2.5.3 相鄰選擇符　2.6 特性選擇符  　2.6.1 存在的特性  　2.6.2 具體屬性值　  2.6.3 部分屬性值　  2.6.4 特定屬性選擇符　2.7 偽類和偽元素    2.7.1 偽類    2.7.2 偽元素　2.8 選擇符的串聯(lián)　2.9 選擇符分組　2.10 總結(jié)第3章 優(yōu)先級(jí)和級(jí)聯(lián)  3.1 選擇符    3.1.1 選擇符：簡(jiǎn)單和組合    3.1.2 通配選擇符：“*”    3.1.3 元素選擇符    3.1.4 后代選擇符、子元素選擇符和相鄰選擇符    3.1.5 偽類選擇符    3.1.6 鏈接和動(dòng)態(tài)偽類：讓人又愛(ài)又恨    3.1.7 偽元素  3.2 級(jí)聯(lián)：計(jì)算優(yōu)先級(jí)    3.2.1 CSS 2.1規(guī)范對(duì)級(jí)聯(lián)的描述    3.2.2 翻譯規(guī)范    3.2.3 保持評(píng)分    3.2.4 幾個(gè)實(shí)例    3.2.5 理解評(píng)分機(jī)制    3.2.6 級(jí)聯(lián)、行內(nèi)樣式和!important對(duì)評(píng)分的影響    3.2.7 實(shí)例  3.3 總結(jié)第4章 瀏覽器  4.1 歷史回顧  4.2 標(biāo)準(zhǔn)的遷移  4.3 當(dāng)前（桌面）瀏覽器概況    4.3.1 Firefox    4.3.2 Safari    4.3.3 Opera    4.3.4 Intemet Explorer    4.3.5 其他瀏覽器  4.4 如何應(yīng)對(duì)舊的桌面瀏覽器    4.4.1 瀏覽器分級(jí)支持    4.4.2 如何選擇開(kāi)發(fā)瀏覽器  4.5 移動(dòng)網(wǎng)絡(luò)的瀏覽器  4.6 總結(jié)第5章 CSS文件管理  5.1 樣式儲(chǔ)存    5.1.1 CSS文件路徑    5.1.2 將多個(gè)文件當(dāng)成一個(gè)樣式表  5.2 類和id名稱的慣例  5.3 格式化CSS定義    5.3.1 所有屬性一行VS.每行一種屬性    5.3.2 特點(diǎn)排序    5.3.3 用縮略來(lái)省時(shí)間  5.4 用注釋為CSS規(guī)則標(biāo)記和分組    5.4.1 CSS注釋語(yǔ)法    5.4.2 代碼標(biāo)記    5.4.3 為元數(shù)據(jù)注釋    5.4.4 “代碼術(shù)語(yǔ)”的注釋    5.4.5 分組注釋  5.5 為CSS規(guī)則排序    5.5.1 從一般到特殊    5.5.2 根據(jù)規(guī)則出現(xiàn)的順序    5.5.3 根據(jù)網(wǎng)站的頁(yè)面或分區(qū)  5.6 創(chuàng)建一個(gè)可重復(fù)使用的框架  5.7 大量重設(shè)  5.8 總結(jié)第6章 Hacks和Workarounds  6.1 使用“標(biāo)準(zhǔn)優(yōu)先”的方法    6.1.1 IE／Win是你最后的選擇，然后像外科醫(yī)生一樣hack    6.1.2 慢著，你忘了一些瀏覽器  6.2 是否hack    6.2.1 什么時(shí)候該用hack    6.2.2 沒(méi)必要太生動(dòng)  6.3 讓hack保持獨(dú)立及注釋    6.3.1 IE條件性注釋    6.3.2 一定要讓hack保持獨(dú)立    6.3.3 你可能根本就不需要hack    6.3.4 這些代碼的作用是什么  6.4 一些好的hack（和變通方法）    6.4.1 請(qǐng)容許我為你介紹    6.4.2 濾器：一種復(fù)雜又高級(jí)的hack    6.4.3 你應(yīng)該了解的IE 7的“進(jìn)步”  6.5 hack一個(gè)真實(shí)的布局    6.5.1 布局    6.5.2 hack  6.6 不需要hack的例子    6.6.1 設(shè)計(jì)    6.6.2 標(biāo)記    6.6.3 樣式表    6.6.4 為IE 6做一定的調(diào)整  6.7 總結(jié)第7章 GSS布局  7.1 永無(wú)休止的爭(zhēng)論：什么是最完美的頁(yè)面寬度    7.1.1 固定寬度布局    7.1.2 流式布局    7.1.3 彈性布局    7.1.4 分辨率依賴性布局    7.1.5 兩欄或三欄  7.2 輕觸開(kāi)關(guān)改變布局    7.2.1 切換到醒目頁(yè)面    7.2.2 切換到入口頁(yè)面部分  7.3 Faux欄：使用背景圖片創(chuàng)建欄    7.3.1 解決方法：Faux欄    7.3.2 可變文本+固定背景寬度=麻煩    7.3.3 固定寬度布局：隨著字體大小而變化的欄  7.4 管理浮層    7.4.1 浮動(dòng)所有的東西    7.4.2 使用簡(jiǎn)易清除    7.4.3 用溢出控制浮動(dòng)  7.5 否定的好處  7.6 CSS布局的彈性    7.6.1 布局實(shí)例    7.6.2 樣式轉(zhuǎn)換器：賦予用戶控制權(quán)  7.7 總結(jié)第8章 創(chuàng)建一般頁(yè)面元素  8.1 設(shè)計(jì)頁(yè)眉    8.1.1 使用小Logo    8.1.2 混合并匹配前景和背景圖片    8.1.3 定位Logo和標(biāo)語(yǔ)    8.1.4 增加背景圖片    8.1.5 增加倒影圖片    8.1.6 使樣式表失效    8.1.7 增加網(wǎng)站搜索和站點(diǎn)級(jí)別的頁(yè)眉鏈接    8.1.8 將鏈接浮動(dòng)到位    8.1.9 定位搜索盒  8.2 創(chuàng)建基于CSS的Tab式導(dǎo)航    8.2.1 創(chuàng)建標(biāo)記    8.2.2 定位鏈接    8.2.3 設(shè)計(jì)鏈接  8.3 當(dāng)前位置    8.3.1 展示當(dāng)前位置的層次    8.3.2 設(shè)計(jì)層次的順序  8.4 圖片和懸停效果    8.4.1 簡(jiǎn)單圖片互換    8.4.2 避免“Divitis”    8.4.3 小魔法：多種狀態(tài)一個(gè)圖片    8.4.4 遠(yuǎn)處圖片的轉(zhuǎn)換    8.4.5 遠(yuǎn)處圖片轉(zhuǎn)換和小魔法的組合  8.5 圓角盒    8.5.1 創(chuàng)建一個(gè)固定寬度的圓盒子    8.5.2 創(chuàng)建一個(gè)可放大的圓角盒    8.5.3 制作背景圖片  8.6 總結(jié)第9章 排版  9.1 字樣分類    9.1.1 Serif（font.family：serif；）?    9.1.2 Sans Serif（font—family：sans—serif；）    9.1.3 Monospace（font—family：monospace；）    9.1.4 Cursive（font—family：cursive；）    9.1.5 Fantasy（font.family：fantasy；）  9.2 用CSS選擇字體    9.2.1 使用一般字體族    9.2.2 使用特殊字體族    9.2.3  網(wǎng)絡(luò)上的字樣問(wèn)題    9.2.4 微軟Vista字體　9.3 字體粗細(xì)    9.3.1 用關(guān)鍵字分配font—weight    9.3.2 用數(shù)值分配font—weight    9.3.3 bolder和lighter    9.3.4 關(guān)于字體粗細(xì)的最后結(jié)語(yǔ)　9.4 設(shè)置字體大小    9.4.1 絕對(duì)尺寸關(guān)鍵詞    9.4.2 相對(duì)尺寸關(guān)鍵字    9.4.3 使用像素設(shè)置文本大小    9.4.4 用百分值和em設(shè)置文本尺寸    9.4.5 Richard Rutter的62.5％hack　9.5 字體樣式　9.6 轉(zhuǎn)換文本　9.7 字體變異　9.8 設(shè)置文本塊    9.8.1 行距    9.8.2 空行（或行高）    9.8.3 字符間距調(diào)整    9.8.4 文本對(duì)齊和校對(duì)    9.8.5 塊段落和傳統(tǒng)段落    9.8.6 提示新段落    9.8.7 設(shè)置引用　9.9 標(biāo)題和副標(biāo)題  　9.9.1 頁(yè)面邊距　  9.9.2 圖片替換  　9.9.3 完整的例子　9.10 總結(jié)第10章 設(shè)計(jì)表格  10.1 表格標(biāo)記    10.1.1 caption元素    10.1.2 tIl元素    10.1.3 abbr屬性    10.1.4 scope屬性    10.1.5 在復(fù)雜表格中分配作用域    10.1.6 thead、tfoot和tbody元素    10.1.7 欄    10.1.8 summary屬性    10.1.9 所有的標(biāo)記  10.2 增加樣式    10.2.1 表格邊框    10.2.2 斑馬式表格    10.2.3 設(shè)計(jì)標(biāo)題  10.3 更上一層樓  10.4 總結(jié)第11章 設(shè)計(jì)表單  11.1 設(shè)計(jì)表單控件  11.2 表單布局    11.2.1 表單的語(yǔ)義化（x）HTML    11.2.2 對(duì)表單應(yīng)用基本的設(shè)計(jì)    11.2.3 中級(jí)表單設(shè)計(jì)    11.2.4 將標(biāo)簽和它們的域放在中間    11.3 總結(jié)第12章 設(shè)計(jì)列表  12.1 基本列表  12.2 去掉瀏覽器默認(rèn)樣式  12.3 列表平齊  12.4 白定義項(xiàng)目編號(hào)    12.4.1 設(shè)計(jì)有序列表    12.4.2 用背景圖片自定義項(xiàng)目符號(hào)    12.4.3 右邊排列的圖標(biāo)  12.5 垂直導(dǎo)航鏈接    12.5.1 鏈接的填充    12.5.2 鏈接的懸停效果    12.5.3 完整的頁(yè)面    12.5.4 命名和隱藏鏈接組  15.6 用關(guān)聯(lián)選擇符顯示位置  12.7 設(shè)計(jì)定義列表    12.7.1 例1：安排日常事務(wù)    12.7.2 例2：貨物評(píng)論  12.8 總結(jié)第13章 設(shè)計(jì)打印和其他媒體樣式  13.1 媒體類型簡(jiǎn)介    13.1.1 實(shí)用的媒體類型    13.1.2 不是那么實(shí)用的媒體類型  13.2 指定媒體類型    13.2.1 給鏈接元素增加一個(gè)媒體屬性    13.2.2 給@import語(yǔ)句增加一個(gè)媒體屬性    13.2.3 為樣式表中的某個(gè)特定選擇符增加媒體屬性　13.3 創(chuàng)建一個(gè)打印樣式表　13.4 打印CSS文件中包含的內(nèi)容    13.4.1 重設(shè)布局    13.4.2 隱藏導(dǎo)航和其他互動(dòng)元素    13.4.3 糾正一些從屏幕樣式表中繼承來(lái)的小問(wèn)題　13.5 獲得更好的打印頁(yè)面的小竅門(mén)　13.6 需要警惕的事情    13.6.1 檢查你的頁(yè)面寬度    13.6.2 CSS定位的打印錯(cuò)誤    13.6.3 搜集有關(guān)你的“有趣的打印輸出”的反饋　13.7 高級(jí)CSS打印技巧    13.7.1 在打印頁(yè)面插入U(xiǎn)RL    13.7.2 用DOM和CSS實(shí)現(xiàn)選擇性打印  13.8 其他媒體類型的樣式表    13.8.1 投影    13.8.2 語(yǔ)音媒體    13.8.3 便攜式媒體 　 13.8.4 所有媒體類型  13.9 總結(jié)第14章 常見(jiàn)問(wèn)題解析  14.1 當(dāng)你不知道什么出了錯(cuò)時(shí)該怎么辦    14.1.1 實(shí)用的瀏覽器助手和工具    14.1.2 檢驗(yàn)標(biāo)記和樣式    14.1.3 在塊中使樣式失效    14.1.4 讓hack失效    14.1.5 創(chuàng)建最小測(cè)試案例，讓問(wèn)題變得簡(jiǎn)單.  14.2 CSS常見(jiàn)錯(cuò)誤    14.2.1 特異性問(wèn)題    14.2.2 圖片路徑    14.2.3 鏈接順序    14.2.4 清除掉所有浮動(dòng)  14.3 CSS常見(jiàn)bug（在IE中）    14.3.1 兩倍的浮動(dòng)邊距    14.3.2 三像素偏移    14.3.3 在一個(gè)相對(duì)容器里的絕對(duì)定位    14.3.4 空格bug  14.4 在現(xiàn)實(shí)中解決問(wèn)題：演練    14.4.1 創(chuàng)建布局    14.4.2 讓它在Firefox中表現(xiàn)完美    14.4.3 IE的悲哀    14.4.4 增加副導(dǎo)航    14.4.5 為什么不把hack分組呢  14.5 總結(jié)附錄A CSS參考  A.1 CSS單位、關(guān)鍵字和其他屬性值    A.1.1 分?jǐn)?shù)和整數(shù)    A.1.2 顏色    A.1.3 font    A.1.4 長(zhǎng)度    A.1.5 百分?jǐn)?shù)    A.1.6 定位關(guān)鍵字    A.1.7 URL    A.1.8 多種用途的屬性    A.1.9 繼承  A.2 CSS屬性    A.2.1 font、文本顏色、文本尺寸和類似屬性    A.2.2 間距和排列類型    A.2.3 盒模型    A.2.4 定位    A.2.5 背景顏色、圖片和類似的屬性    A.2.6 列表    A.2.7 表格    A.2.8 生成的內(nèi)容    A.2.9 cursor    A.2.10 打印附錄B GSS特異性分級(jí)表  B.1 元素選擇符  B.2 后代、子和相鄰選擇符  B.3 屬性選擇符  B.4 偽類選擇符  B.5 偽元素附錄C 瀏覽器分級(jí)表  C.1 背景  C.2 邊框  C.3  邊距　C.4 間距　C.5 尺寸　C.6 文本　C.7 font　C.8 列表和標(biāo)記　C.9 定位　C.10 分級(jí)　C.11 表格　C.12 偽類　C.13 偽元素　C.14 輪廓索引

編輯推薦

　　CSS三劍客之技巧之劍，三大Web設(shè)計(jì)師傾力打造。詮釋最佳CSS頁(yè)面布局，助您架構(gòu)可維護(hù)、可重復(fù)使用，可兼容的實(shí)用站點(diǎn)，磨礪您的Web2.0設(shè)計(jì)之劍。　　CSS實(shí)戰(zhàn)精粹　　親愛(ài)的讀者：　　我們寫(xiě)《CSS實(shí)戰(zhàn)精粹》的目的是給你們提供一系列現(xiàn)代、有效的CSS技術(shù)。在網(wǎng)絡(luò)開(kāi)發(fā)的整個(gè)過(guò)程中，使用這些技術(shù)可以讓你事半功倍。你并不需要充分了解基于網(wǎng)絡(luò)開(kāi)發(fā)的優(yōu)點(diǎn)因?yàn)槟阍缇椭懒耍阒恍枰繡SS的基本原理。不過(guò)，我們的重點(diǎn)在于應(yīng)用情境，以及我們?cè)凇禖SS實(shí)戰(zhàn)精粹》中提到的每一項(xiàng)技術(shù)的實(shí)際應(yīng)用。　　《CSS實(shí)戰(zhàn)精粹》中的技術(shù)主要集中在以下幾個(gè)方面：　　·可維護(hù)性：將代碼組織好，不需要很多時(shí)間來(lái)維護(hù)?！　　ぜ嫒菪裕耗芗嫒萦诓煌臑g覽器；在必須需要hack時(shí)，能使用hack?！　　た芍貜?fù)使用性：充分運(yùn)用你的樣式和遺傳性；使用可靠的技術(shù)。　　·實(shí)用性：不要局限于任保理想目標(biāo)；使用任何實(shí)用的技術(shù)，以后你可以再進(jìn)行優(yōu)化。　　細(xì)節(jié)方面，我們還提到了優(yōu)先級(jí)和級(jí)聯(lián)，hack和濾器（以及如何盡可能不使用它們），有效地代碼維護(hù)和優(yōu)化，高級(jí)選擇符和規(guī)則，高級(jí)的樣式設(shè)計(jì)和布局技術(shù)，創(chuàng)建一般頁(yè)面元素，疑難問(wèn)題解答，等等。對(duì)于現(xiàn)代開(kāi)發(fā)者來(lái)說(shuō)，《CSS實(shí)戰(zhàn)精粹》是無(wú)價(jià)的，對(duì)此我們充滿信心。因此，親愛(ài)的讀者們，盡情的享受《CSS實(shí)戰(zhàn)精粹》吧，它一定不會(huì)讓你們失望！

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    CSS實(shí)戰(zhàn)精粹 PDF格式下載

---