《CSS實戰精粹》

《CSS實戰精粹》

《CSS實戰精粹》作者(美)克拉夫特,(美)勞埃德,(美)羅賓 著,李方進 譯由 電子工業出版社在2008年出版的一部提供了一系列現代的、高效的CSS技術,囊括了CSS工作原理的所有細節圖書。

基本信息

圖書信息

CSS實戰精粹
作者:(美)克拉夫特,(美)勞埃德,(美)羅賓 著,李方進 譯
出版社:電子工業出版社引
CSS實戰精粹CSS實戰精粹

出版時間:2008-3-1字數:574000
ISBN:9787121055720
定價:¥59.80

內容簡介

本書提供了一系列現代的、高效的CSS技術,囊括了CSS工作原理的所有細節,主要介紹了能夠在項目中使用的具體CSS設計技巧,包括優先權和級聯,hack和濾器(以及如何儘可能不使用它們),有效地代碼維護和最佳化,高級選擇符和規則,高級的樣式設計和布局技術,創建一般頁面元素,疑難問題解答,等等。本書的技術主要集中於如何創建可維護、可重複使用、可兼容的實用網站。
本書適用於那些為一般人群設計專業站點的網路開發者和程式設計者,以及對(X)HTML和CSS有基本理解並希望能更上一層樓的人群。

作者簡介

Jeffcroft,網頁和圖形設計師,致力於基於網路標準的開發。目前居住並就職於堪薩斯州的勞倫斯。作為一名worldOnline的高級設計師,Jeff工作於多家極負盛名的標準化網站,他還擁有非常受歡迎的私人部落格和個人站點:那裡面有很多關於各個主題的文章,如現代網頁和圖形設計等。除此之外,Jeff還在兩所有名的大學任教,向學生們傳授網路標準。同時,他還是一位自由撰稿人,完成了許多不同委託人委託的寫作任務。他的興趣愛好廣泛,不在電腦上耗著的時候,他喜歡攝影,聽音樂,看電影、電視,或是在郊外度過一個寧靜的夜晚。

目錄

作者簡介
技術評論員簡介
致謝
導言
第1章CSS的目標
1.1使用CSS製作樣式的優勢
1.2語義化(x)HTML:有意義的標記
1.2.1什麼是語義化標記
1.2.2編寫語義化標記在現實中對你有什麼幫助
1.2.3創建富含語義的(x)HTML標記
1.2.4避免使用非結構性標籤
1.2.5避免“Divitis”和“Classitis”
1.3選擇你的標記語言和DOCTYPE
1.3.1HTML對XHTML:決定的重要性
1.3.2DOCTYPE:最被低估的標籤
1.4現代Web文檔的三層結構
1.5總結
第2章樣式表語言
2.1為文檔增添樣式
2.1.1標籤
2.1.2使用多個樣式表
2.1.3style元素
2.2創建樣式表
2.3聲明
2.4選擇符
2.4.1元素選擇符
2.4.2類選擇符
2.4.3ID選擇符
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選擇符的串聯
2.9選擇符分組
2.10總結
第3章優先權和級聯
3.1選擇符
3.1.1選擇符:簡單和組合
3.1.2通配選擇符:“*”
3.1.3元素選擇符
3.1.4後代選擇符、子元素選擇符和相鄰選擇符
3.1.5偽類選擇符
3.1.6連結和動態偽類:讓人又愛又恨
3.1.7偽元素
3.2級聯:計算優先權
3.2.1CSS2.1規範對級聯的描述
3.2.2翻譯規範
3.2.3保持評分
3.2.4幾個實例
3.2.5理解評分機制
3.2.6級聯、行內樣式和!important對評分的影響
3.2.7實例
3.3總結
第4章瀏覽器
4.1歷史回顧
4.2標準的遷移
4.3當前(桌面)瀏覽器概況
4.3.1Firefox
4.3.2Safari
4.3.3Opera
4.3.4IntemetExplorer
4.3.5其他瀏覽器
4.4如何應對舊的桌面瀏覽器
4.4.1瀏覽器分級支持
4.4.2如何選擇開發瀏覽器
4.5行動網路的瀏覽器
4.6總結
第5章CSS檔案管理
5.1樣式儲存
5.1.1CSS檔案路徑
5.1.2將多個檔案當成一個樣式表
5.2類和id名稱的慣例
5.3格式化CSS定義
5.3.1所有屬性一行VS.每行一種屬性
5.3.2特點排序
5.3.3用縮略來省時間
5.4用注釋為CSS規則標記和分組
5.4.1CSS注釋語法
5.4.2代碼標記
5.4.3為元數據注釋
5.4.4“代碼術語”的注釋
5.4.5分組注釋
5.5為CSS規則排序
5.5.1從一般到特殊
5.5.2根據規則出現的順序
5.5.3根據網站的頁面或分區
5.6創建一個可重複使用的框架
5.7大量重設
5.8總結
第6章hacks和Workarounds
6.1使用“標準優先”的方法
6.1.1IE/Win是你最後的選擇,然後像外科醫生一樣hack
6.1.2慢著,你忘了一些瀏覽器
6.2是否hack
6.2.1什麼時候該用hack
6.2.2沒必要太生動
6.3讓hack保持獨立及注釋
6.3.1IE條件性注釋
6.3.2一定要讓hack保持獨立
6.3.3你可能根本就不需要hack
6.3.4這些代碼的作用是什麼
6.4一些好的hack(和變通方法)
6.4.1請容許我為你介紹
6.4.2濾器:一種複雜又高級的hack
6.4.3你應該了解的IE7的“進步”
6.5hack一個真實的布局
6.5.1布局
6.5.2hack
6.6不需要hack的例子
6.6.1設計
6.6.2標記
6.6.3樣式表
6.6.4為IE6做一定的調整
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.3Faux欄:使用背景圖片創建欄
7.3.1解決方法:Faux欄
7.3.2可變文本+固定背景寬度=麻煩
7.3.3固定寬度布局:隨著字型大小而變化的欄
7.4管理浮層
7.4.1浮動所有的東西
7.4.2使用簡易清除
7.4.3用溢出控制浮動
7.5否定的好處
7.6CSS布局的彈性
7.6.1布局實例
7.6.2樣式轉換器:賦予用戶控制權
7.7總結
第8章創建一般頁面元素
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增加網站搜尋和站點級別的頁眉連結
8.1.8將連結浮動到位
8.1.9定位搜尋盒
8.2創建基於CSS的Tab式導航
8.2.1創建標記
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小魔法:多種狀態一個圖片
8.4.4遠處圖片的轉換
8.4.5遠處圖片轉換和小魔法的組合
8.5圓角盒
8.5.1創建一個固定寬度的圓盒子
8.5.2創建一個可放大的圓角盒
8.5.3製作背景圖片
8.6總結
第9章排版
9.1字樣分類
9.1.1Serif(font.family:serif;)?
9.1.2SansSerif(font—family:sans—serif;)
9.1.3Monospace(font—family:monospace;)
9.1.4cursive(font—family:cursive;)
9.1.5Fantasy(font.family:fantasy;)
9.2用CSS選擇字型
9.2.1使用一般字型族
9.2.2使用特殊字型族
9.2.3網路上的字樣問題
9.2.4微軟Vista字型
9.3字型粗細
9.3.1用關鍵字分配font—weight
9.3.2用數值分配font—weight
9.3.3bolder和lighter
9.3.4關於字型粗細的最後結語
9.4設定字型大小
9.4.1絕對尺寸關鍵字
9.4.2相對尺寸關鍵字
9.4.3使用像素設定文本大小
9.4.4用百分值和em設定文本尺寸
9.4.5RichardRutter的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塊段落和傳統段落
9.8.6提示新段落
9.8.7設定引用
9.9標題和副標題
9.9.1頁面邊距
9.9.2圖片替換
9.9.3完整的例子
9.10總結
第10章設計表格
10.1表格標記
10.1.1caption元素
10.1.2tIl元素
10.1.3abbr屬性
10.1.4scope屬性
10.1.5在複雜表格中分配作用
10.1.6thead、tfoot和tbody元素
10.1.7欄
10.1.8summary屬性
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用關聯選擇符顯示位置
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創建一個列印樣式表
13.4列印CSS檔案中包含的內容
13.4.1重設布局
13.4.2隱藏導航和其他互動元素
13.4.3糾正一些從螢幕樣式表中繼承來的小問題
13.5獲得更好的列印頁面的小竅門
13.6需要警惕的事情
13.6.1檢查你的頁面寬度
13.6.2CSS定位的列印錯誤
13.6.3蒐集有關你的“有趣的列印輸出”的反饋
13.7高級CSS列印技巧
13.7.1在列印頁面插入URL
13.7.2用DOM和CSS實現選擇性列印
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創建最小測試案例,讓問題變得簡單.
14.2CSS常見錯誤
14.2.1特異性問題
14.2.2圖片路徑
14.2.3連結順序
14.2.4清除掉所有浮動
14.3CSS常見bug(在IE中)
14.3.1兩倍的浮動邊距
14.3.2三像素偏移
14.3.3在一個相對容器里的絕對定位
14.3.4空格bug
14.4在現實中解決問題:演練
14.4.1創建布局
14.4.2讓它在Firefox中表現完美
14.4.3IE的悲哀
14.4.4增加副導航
14.4.5為什麼不把hack分組呢
14.5總結
附錄ACSS參考
A.1CSS單位、關鍵字和其他屬性值
A.1.1分數和整數
A.1.2顏色
A.1.3font
A.1.4長度
A.1.5百分數
A.1.6定位關鍵字
A.1.7URL
A.1.8多種用途的屬性
A.1.9繼承
A.2CSS屬性
A.2.1font、文本顏色、文本尺寸和類似屬性
A.2.2間距和排列類型
A.2.3盒模型
A.2.4定位
A.2.5背景顏色、圖片和類似的屬性
A.2.6列表
A.2.7表格
A.2.8生成的內容
A.2.9cursor
A.2.10列印
附錄BGSS特異性分級表
B.1元素選擇符
B.2後代、子和相鄰選擇符
B.3屬性選擇符
B.4偽類選擇符
B.5偽元素
附錄C瀏覽器分級表
C.1背景
C.2框線
C.3邊距
C.4間距
C.5尺寸
C.6文本
C.7font
C.8列表和標記
C.9定位
C.10分級
C.11表格
C.12偽類
C.13偽元素
C.14輪廓
索引

相關詞條

相關搜尋

熱門詞條

聯絡我們