CSS實戰(zhàn)精粹

內容概要

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

作者簡介

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

書籍目錄

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

編輯推薦

　　CSS三劍客之技巧之劍，三大Web設計師傾力打造。詮釋最佳CSS頁面布局，助您架構可維護、可重復使用，可兼容的實用站點，磨礪您的Web2.0設計之劍。　　CSS實戰(zhàn)精粹　　親愛的讀者：　　我們寫《CSS實戰(zhàn)精粹》的目的是給你們提供一系列現(xiàn)代、有效的CSS技術。在網(wǎng)絡開發(fā)的整個過程中，使用這些技術可以讓你事半功倍。你并不需要充分了解基于網(wǎng)絡開發(fā)的優(yōu)點因為你早就知道了，你只需要知道CSS的基本原理。不過，我們的重點在于應用情境，以及我們在《CSS實戰(zhàn)精粹》中提到的每一項技術的實際應用?！　　禖SS實戰(zhàn)精粹》中的技術主要集中在以下幾個方面：　　·可維護性：將代碼組織好，不需要很多時間來維護?！　　ぜ嫒菪裕耗芗嫒萦诓煌臑g覽器；在必須需要hack時，能使用hack?！　　た芍貜褪褂眯裕撼浞诌\用你的樣式和遺傳性；使用可靠的技術?！　　嵱眯裕翰灰窒抻谌伪＠硐肽繕?；使用任何實用的技術，以后你可以再進行優(yōu)化?！　〖毠?jié)方面，我們還提到了優(yōu)先級和級聯(lián)，hack和濾器（以及如何盡可能不使用它們），有效地代碼維護和優(yōu)化，高級選擇符和規(guī)則，高級的樣式設計和布局技術，創(chuàng)建一般頁面元素，疑難問題解答，等等。對于現(xiàn)代開發(fā)者來說，《CSS實戰(zhàn)精粹》是無價的，對此我們充滿信心。因此，親愛的讀者們，盡情的享受《CSS實戰(zhàn)精粹》吧，它一定不會讓你們失望！

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

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

---