CSS實戰(zhàn)手冊

內(nèi)容概要

本書從介紹最基本的CSS知識開始，到建立用于打印網(wǎng)頁的CSS和改進(jìn)你的CSS習(xí)慣的最佳實踐。將關(guān)于CSS的選擇器、繼承、層疊、格式化、邊距、填充、邊框、圖片、網(wǎng)站導(dǎo)航、表格、表單、浮動布局、定位網(wǎng)頁上的元素，以及用于打印網(wǎng)頁的CSS等技術(shù)通過逐步地講解與教程串聯(lián)了起來。每章內(nèi)容從簡單到復(fù)雜，一步一步地建立起一個完整的教程示例，并在每章都會詳細(xì)討論一些技巧、最佳實踐和各瀏覽器之間一致性的兼容問題及如何進(jìn)行修復(fù)，以及給出實際的解決辦法來創(chuàng)建最佳展現(xiàn)效果的頁面，在各章節(jié)的最后都給出了相應(yīng)教程的詳細(xì)操作步驟。并且介紹了最新的CSS 3特性及常見問題，最后還提供了完整的CSS屬性參考、Dreamweaver CS4中的CSS及書中提到的相關(guān)CSS資源列表?！　”緯m合于剛剛接觸CSS的朋友們閱讀并親自動手實踐，具有HTML、XHTML和CSS基本知識但想創(chuàng)建更加完美的網(wǎng)頁的設(shè)計人員，以及須要創(chuàng)建在各種不同的瀏覽器之間兼容并都能夠達(dá)到同樣展現(xiàn)效果的CSS專家們作為參考。

作者簡介

David Sawyer McFarland是位于俄勒岡州波特蘭的一家網(wǎng)站開發(fā)和培訓(xùn)公司即Sawyer McFarland Media, Inc.的總裁。他從1995年開始創(chuàng)建網(wǎng)站，當(dāng)時他設(shè)計的第一個網(wǎng)站是針對通訊專家的一本在線雜志。他曾經(jīng)是位于伯克利的加利福尼亞大學(xué)和伯克利多媒體研究中心的網(wǎng)站管理員，并對Macworld.com基于CSS驅(qū)動的重新設(shè)計進(jìn)行了完整的監(jiān)控。

書籍目錄

THE MISSING創(chuàng)作團(tuán)隊簡介 簡介  第1部分 CSS基礎(chǔ)知識 　第1章 對HTML的再思考  　　HTML的過去與現(xiàn)在  　　HTML的過去：看起來一切都好  　　HTML的現(xiàn)在：CSS的腳手架  　　為CSS編寫HTML  　　思考布局結(jié)構(gòu)  　　學(xué)習(xí)兩種新的HTML標(biāo)簽  　　可以忘卻的HTML標(biāo)簽和屬性  　　編寫技巧  　　DOCTYPE（文檔類型）的重要性  　　充分利用INTERNET EXPLORER   　第2章 創(chuàng)建樣式和樣式表  　　樣式剖析  　　理解樣式表  　　如何選擇內(nèi)部或外部樣式表  　　內(nèi)部樣式表  　　外部樣式表  　　用HTML鏈接樣式表  　　用CSS鏈接樣式表  　　教程：創(chuàng)建第一個樣式  　　創(chuàng)建行內(nèi)樣式  　　創(chuàng)建內(nèi)部樣式表  　　創(chuàng)建外部樣式表  　第3章 選擇器：明確設(shè)置哪些樣式  　　標(biāo)簽選擇器：整體控制  　　類選擇器：精確控制  　　ID選擇器：控制特殊的網(wǎng)頁元素  　　給標(biāo)簽組定義樣式  　　構(gòu)建群選擇器  　　通用選擇器（*）  　　給標(biāo)簽內(nèi)的標(biāo)簽定義樣式  　　HTML族譜  　　創(chuàng)建派生選擇器  　　偽類和偽元素  　　給鏈接定義樣式  　　給段落定義樣式  　　更多的偽類和偽元素  　　高級選擇器  　　子選擇器  　　同胞選擇器  　　屬性選擇器  　　教程：選擇器模型  　　創(chuàng)建群選擇器  　　創(chuàng)建和應(yīng)用類選擇器  　　創(chuàng)建派生選擇器  　　創(chuàng)建和應(yīng)用ID選擇器  　　點睛之筆  　第4章 用樣式繼承節(jié)省時間  　　什么是繼承  　　繼承如何簡化樣式表  　　繼承的局限性  　　教程：繼承  　　基本范例：一級繼承  　　用繼承重新設(shè)置整個網(wǎng)頁的樣式  　　繼承不起作用  　第5章 用層疊管理多樣式  　　樣式如何層疊  　　繼承樣式的疊加  　　最近的祖先樣式勝出  　　直接應(yīng)用的樣式勝出  　　一個標(biāo)簽，多個樣式  　　用權(quán)重值決定哪種樣式勝出  　　權(quán)重值相同時最后一個樣式勝出  　　控制層疊  　　改變權(quán)重值  　　選擇性地覆蓋  　　重新創(chuàng)建樣式  　　教程：層疊實例  　　重置CSS，重新設(shè)置樣式  　　創(chuàng)建混合樣式  　　消除樣式?jīng)_突  第2部分 CSS實用技術(shù) 　第6章 文本格式化  　　如何格式化文本  　　如何選擇字體  　　如何給文本添加顏色  　　如何修改字號  　　PIXEL（像素）的用法  　　KEYWORD（關(guān)鍵字）、PERCENTAGE（百分比）和EM（行長單位）的用法 　　如何格式化詞語和字母  　　斜體化和粗體化  　　大寫化  　　文本的修飾  　　字母間距和字間距  　　如何格式化整個段落  　　如何調(diào)整行間距  　　如何對齊文本  　　首行縮進(jìn)并去除邊距  　　格式化段落的首字母或首行  　　如何給列表定義樣式  　　列表的類型  　　給項目符號和項目序號定位  　　圖形項目符號  　　教程：文本格式化實例  　　創(chuàng)建網(wǎng)頁  　　格式化標(biāo)題和段落  　　格式化列表  　　利用類進(jìn)行微調(diào)  　　點睛之筆  　第7章 MARGIN、PADDING和BORDER  　　理解盒模型  　　用MARGIN和PADDING控制空間  　　MARGIN和PADDING的快捷屬性  　　邊距沖突  　　用MARGIN負(fù)值消除空格  　　顯示行內(nèi)盒子和塊級盒子  　　添加邊框  　　BORDER屬性的快捷設(shè)定法  　　單獨格式化各條邊框  　　設(shè)置背景色  　　確定高度和寬度  　　計算盒子的實際寬度和高度  　　用OVERFLOW屬性控制溢出文本  　　用浮動元素包圍內(nèi)容  　　BACKGROUND（背景）、BORDER（邊框）和FLOAT（浮動）  　　停止浮動  　　教程：MARGIN、BACKGROUND和BORDER  　　如何控制網(wǎng)頁的邊距和背景  　　調(diào)整標(biāo)簽周圍的空間  　　創(chuàng)建側(cè)邊欄  　　修復(fù)瀏覽器的BUG  　　精益求精  　第8章 給網(wǎng)頁添加圖片  　　CSS和[IMG]標(biāo)簽  　　背景圖片  　　控制重復(fù)  　　定位背景圖片  　　關(guān)鍵字  　　精確值  　　PERCENTAGE（百分比）值  　　如果固定圖片  　　利用BACKGROUND快捷屬性  　　教程：美化圖片  　　給圖片添加邊框  　　給圖片添加說明  　　教程：創(chuàng)建相冊  　　添加陰影  　　教程：使用背景圖片  　　給網(wǎng)頁背景添加圖片  　　用圖片代替邊框  　　給無序列表使用圖片  　　使側(cè)邊欄更有特色  　　精益求精  　第9章 裝飾網(wǎng)站導(dǎo)航  　　選擇要定義樣式的鏈接  　　理解鏈接狀態(tài)  　　針對特定鏈接  　　給鏈接定義樣式  　　給鏈接添加下劃線  　　創(chuàng)建按鈕  　　利用圖片  　　創(chuàng)建導(dǎo)航欄  　　使用無序列表  　　垂直導(dǎo)航欄  　　水平導(dǎo)航欄  　　高級鏈接技術(shù)  　　超大的可點擊按鈕  　　CSS式的預(yù)載替換法  　　滑動門  　　給特殊的鏈接類型定義樣式  　　教程：給鏈接定義樣式  　　基本鏈接格式  　　給鏈接添加背景圖片  　　突顯不同的鏈接  　　教程：創(chuàng)建導(dǎo)航欄  　　添加替換效果并創(chuàng)建“你在此處”的鏈接  　　修正IE的BUG  　　從垂直到水平  　第10章 表格和表單的格式化  　　讓表格專司其職  　　給表格定義樣式  　　添加PADDING  　　調(diào)整垂直對齊和水平對齊  　　創(chuàng)建邊框  　　給行和列定義樣式  　　給表單定義樣式  　　HTML的表單元素  　　利用CSS布置表單  　　教程：給表格定義樣式  　　教程：給表單定義樣式  第3部分 CSS網(wǎng)頁布局 　第11章 CSS布局簡介  　　網(wǎng)頁布局的類型  　　如何進(jìn)行CSS布局  　　強(qiáng)大的[DIV]標(biāo)簽  　　CSS布局的方法  　　布局策略  　　從內(nèi)容入手  　　設(shè)計草圖  　　找出方框  　　順應(yīng)頁面流  　　記住背景圖片  　　拼圖中的小部件  　　給元素設(shè)計層次  　　別忘了MARGIN和PADDING  　第12章 構(gòu)建基于浮動的布局  　　用浮動進(jìn)行布局  　　讓所有列都浮動  　　在浮動元素中浮動  　　用MARGIN負(fù)值給元素定位  　　克服浮動問題  　　清除浮動和保持浮動  　　創(chuàng)建全網(wǎng)頁高度的列  　　防止FLOAT DROP  　　處理INTERNET EXPLORER 的BUG  　　雙邊距BUG  　　3PX間隙  　　其他IE問題  　　教程：多列的布局  　　搭建HTML結(jié)構(gòu)  　　創(chuàng)建布局樣式  　　再添加一列  　　添加一個“FAUX列”  　　固定寬度  　　教程：負(fù)邊距布局  　　居中布局  　　讓列浮動  　　最后的調(diào)整  　第13章 定位網(wǎng)頁上的元素  　　定位屬性的作用  　　設(shè)置定位值  　　當(dāng)絕對定位變成相對時  　　何時（以及在何處）使用相對定位  　　堆疊元素  　　隱藏部分網(wǎng)頁  　　強(qiáng)大的定位策略  　　在元素內(nèi)部進(jìn)行定位  　　讓元素超出方框  　　用CSS定位進(jìn)行網(wǎng)頁布局  　　用固定定位創(chuàng)建CSS式的框架  　　教程：定位網(wǎng)頁元素  　　美化網(wǎng)頁的橫幅  　　給照片添加說明文字  　　網(wǎng)頁排版  第4部分 CSS高級技術(shù) 　第14章 設(shè)計打印頁面的CSS技術(shù)  　　MEDIA樣式表的作用  　　如何添加MEDIA樣式表  　　給外部樣式表指定媒體類型  　　在樣式表中指定媒體類型  　　創(chuàng)建打印樣式表  　　用！IMPORTANT覆蓋屏顯樣式  　　重寫文本樣式  　　定義打印背景  　　隱藏不需要的頁面區(qū)域  　　給打印添加分頁符  　　教程：創(chuàng)建打印樣式表  　　取消不需要的網(wǎng)頁元素  　　調(diào)整布局  　　重設(shè)文本格式  　　顯示URL  　第15章 改正CSS設(shè)計習(xí)慣  　　添加注釋  　　組織樣式和樣式表  　　樣式命名要清晰  　　使用多個類可以節(jié)省時間  　　將樣式分組  　　使用多個樣式表  　　消除瀏覽器的樣式?jīng)_突 1　　使用派生選擇器  　　劃分網(wǎng)頁  　　標(biāo)識主體（BODY）  　　管理INTERNET EXPLORER的修復(fù)代碼  　　優(yōu)先為當(dāng)代瀏覽器設(shè)計  　　用條件注釋隔離IE的CSS代碼  　第16章 CSS ：最先進(jìn)的CSS技術(shù)  　　CSS 特性概覽  　　CSS 選擇器  　　子選擇器  　　類型選擇器  　　OPACITY屬性  　　RGBA顏色  　　在INTERNET EXPLORER中模擬RGBA  　　文本的陰影效果  　　字體自由  　　生成內(nèi)容  索引

章節(jié)摘錄

　　第1部分　CSS基礎(chǔ)知識　　第1章　對HTML的再思考　　為了最有效地利用CSS，HTML代碼必須提供堅實而良好的基礎(chǔ)。本章將介紹如何編寫更優(yōu)秀、對CSS更友好的HTML。好消息是，如果整個網(wǎng)站都使用CSS，HTML實際上就更加容易編寫了。你不再須要操心怎么把HTML變成前所未有的設(shè)計行家，因為CSS為你提供了所有可能需要的圖形設(shè)計技巧，并且編寫應(yīng)用CSS的HTML網(wǎng)頁時只需要更少的代碼，你還可以少打很多字，創(chuàng)建起來也容易得多。它們的下載速度也會更　　快一這將是最受網(wǎng)站訪客歡迎的其中一個好處（見圖1.1）?！　TML的過去與現(xiàn)在　　如簡介中所述，HTML（或XHTML）為你在萬維網(wǎng)上見到的每一張網(wǎng)頁奠定了基礎(chǔ)。當(dāng)你在其中加入CSS時，使用HTML的方式就改變了。告別那些僅僅用來獲得某種視覺效果的笨拙的HTML標(biāo)簽吧。對于某些HTML標(biāo)簽和屬性——如一甚至可以完全拋之腦后?！　∽⒁猓骸　∧阍诒菊乱姷降乃蠬TML應(yīng)用都適用于XHTML。雖然HTML和XHTML之間的差異之處多得像彩虹的顏色一般數(shù)不清，但你還是必須選擇其中一種，并確保網(wǎng)頁可以識別你正使用哪一種語言。否則，訪客的瀏覽器很可能根本無法識別你費心雕琢出來的頁面。本章稍后，你將學(xué)到如何告訴CSS自己正在使用哪一種HTML／XHTML。　　HTML的過去：看起來一切都好　　最初，當(dāng)一群科學(xué)家創(chuàng)建網(wǎng)頁來分享和保存技術(shù)文檔時，沒有人認(rèn)為需要圖形設(shè)計師。所有的科學(xué)家都只要求HTML能夠為信息提供結(jié)構(gòu)，便于理解即可。比如，標(biāo)簽表示重要的標(biāo)題，而標(biāo)簽則表示次要的標(biāo)題，它通常是的子標(biāo)題。過去喜歡用的另一個標(biāo)簽是（有序列表），比如，對于“不要和水母一起玩耍的10大理由”這類事情就可以創(chuàng)建一個有序列表。

編輯推薦

　　Jolt大獎獲獎圖書全新改版　　亞馬遜CSS分類排名第一

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    CSS實戰(zhàn)手冊 PDF格式下載

---