CSS那些事兒

內(nèi)容概要

　　本書專注于CSS技巧實例的講解，由淺入深地分析了CSS樣式在布局時所需要理解的原理。放棄到處可見的基礎(chǔ)知識、網(wǎng)絡(luò)中能隨意搜索到的hack技巧，側(cè)重原理分析，拓展讀者使用CSS布局的思維方式，通過本書的閱讀讀者將會了解到使用CSS布局的強大功能。　　全書以傳達(dá)CSS布局思維為中心，通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中，全面分析了多種布局方式，著重分解了兩列等高和三列等高的幾種方式，并相應(yīng)說明了等高布局的優(yōu)缺點?！　‰S書所附光盤包含多媒體教學(xué)及實例源文件?！　o論是CSS布局的初學(xué)者還是具有一定水準(zhǔn)的讀者，閱讀本書之后將會發(fā)現(xiàn)，原來CSS樣式居然是這么好玩的東西。本書適合網(wǎng)站開發(fā)人員、網(wǎng)頁設(shè)計人員參考學(xué)習(xí)，同時也適合作為相關(guān)培訓(xùn)機構(gòu)的教材。

作者簡介

　　林小志，藍(lán)色理想經(jīng)典論壇標(biāo)準(zhǔn)版榮譽版主。多年網(wǎng)站設(shè)計和網(wǎng)站重構(gòu)經(jīng)驗，對CSS、XHTML等前臺技術(shù)有著深厚的功底。接觸網(wǎng)站重構(gòu)以來一直以“重構(gòu)網(wǎng)站之前重構(gòu)個人思維”的態(tài)度對待網(wǎng)站、追求網(wǎng)站結(jié)構(gòu)完美語義性；也一直以這個態(tài)度跟他人溝通交流，也很喜歡大家以這樣的態(tài)

書籍目錄

第1部分  CSS入門篇　第1章  CSS入門篇　　1.1  第1章  花落知多少——CSS正傳	　　視頻：光盤\視頻\認(rèn)識CSS　　　1.1.1  CSS的作用		1.1.2  CSS的基本結(jié)構(gòu)		1.1.3  CSS中的注釋		1.1.4  CSS的簡寫	　　1.2  網(wǎng)頁勾魂八技——掌握CSS選擇符	　　視頻：光盤\視頻\掌握選擇符	1.2.1  通配符選擇符		1.2.2  類選擇符		1.2.3  包含選擇符		1.2.4  子選擇符		1.2.5  相鄰選擇符		1.2.6  屬性選擇符		1.2.7  ID選擇符		1.2.8  選擇符的組合關(guān)系	　　1.3  莫須有？——偽類與偽對象	　　視頻：光盤\視頻\偽類與偽對象	1.3.1  偽類		1.3.2  偽對象	　　1.4  剪不斷理還亂——善處選擇符之間的關(guān)系	　　視頻：光盤\視頻\善處選擇符之間的關(guān)系	1.4.1  選擇符的覆蓋		1.4.2  選擇符z的繼承		1.4.3  選擇符的權(quán)重值優(yōu)先級別	　　1.5  英雄救美——讓CSS拯救HTML		1.5.1  把CSS引入到HTML頁面中		1.5.2  樣式表的規(guī)劃與維護管理	　　1.6  小結(jié)	　第2章  一畝三分地——CSS的工作環(huán)境	　　2.1  CSS的顯示環(huán)境——瀏覽器	　　視頻：光盤\視頻\瀏覽器　　2.2  CSS的處理環(huán)境——編輯器	　　視頻：光盤\視頻\編輯器	2.2.1  語法高亮		2.2.2  公共配置目錄		2.2.3  模板文件		2.2.4  快捷鍵的設(shè)置		2.2.5  窗口半透明及窗口置頂		2.2.6  代碼輔助設(shè)置		2.2.7  用戶工具		2.2.8  自動完成		2.2.9  剪輯文本窗口		2.2.10  對編輯器的小結(jié)	　　2.3  CSS的輔助處理——周邊插件	　　視頻：光盤\視頻\輔助插件　　2.4  小結(jié)	第2部分  CSS頁面布局篇　第3章  簡單也是復(fù)雜的——從一個簡單頁面布局說起	　　3.1  盒模型介紹	　　視頻：光盤\視頻\認(rèn)識盒模型	3.1.1  認(rèn)識盒模型		3.1.2  什么是DOCTYPE		3.1.3  DOCTYPE的類型		3.1.4  IE瀏覽器=郵局的紙盒郵包		3.1.5  對盒模型的小結(jié)	　　3.2  網(wǎng)頁布局的設(shè)計原則	　　3.3  最簡單的頁面	　　視頻：光盤\視頻\簡單的頁面	3.3.1  這是一個網(wǎng)頁？		3.3.2  容器居中顯示		3.3.3  容器居中文本居左顯示		3.3.4  容器居右顯示	　　3.4  小結(jié)	　第4章  提綱挈領(lǐng)——兩列頁面布局	　　4.1  兩列定寬結(jié)構(gòu)	　　視頻：光盤\視頻\兩列定寬定高的布局　　4.2  兩列自適應(yīng)結(jié)構(gòu)	　　視頻：光盤\視頻\兩列自適應(yīng)的布局　　4.3  單列定寬單列自適應(yīng)結(jié)構(gòu)	　　視頻：光盤\視頻\單列定寬單列自適應(yīng)結(jié)構(gòu)　　4.4  兩列等高	　　視頻：光盤\視頻\兩列等高	4.4.1  背景模擬		4.4.2  負(fù)邊距實現(xiàn)		4.4.3  邊框模擬		4.4.4  其他方式	　　4.5  小結(jié)	　第5章  更大氣的三列或多列頁面布局	　　視頻：光盤\視頻\三列的頁面結(jié)構(gòu)　　5.1  三列或多列布局與兩列布局之間的微妙聯(lián)系	　　5.2  兩列定寬中間自適應(yīng)結(jié)構(gòu)	　　5.3  左側(cè)定寬右側(cè)及中間自適應(yīng)結(jié)構(gòu)	　　5.4  三列寬度自適應(yīng)結(jié)構(gòu)	　　5.5  三列等高		5.5.1  背景模擬		5.5.2  負(fù)邊距實現(xiàn)		5.5.3  邊框模擬		5.5.4  其他方式	　　5.6  小結(jié)	第3部分  CSS頁面元素篇　第6章  網(wǎng)頁文本潤色技法	　　6.1  文字基本樣式	　　視頻：光盤\視頻\文字基本樣式	6.1.1  字體設(shè)置		6.1.2  字形改變		6.1.3  文字顏色	　　6.2  段落樣式	　　視頻：光盤\視頻\段落樣式	6.2.1  首行縮進(jìn)		6.2.2  行高調(diào)整	　　6.3  特殊效果	　　視頻：光盤\視頻\特殊效果	6.3.1  首字下沉		6.3.2  首行文字樣式		6.3.3  文字隱藏截取	　　6.4  文字鏈接	　　視頻：光盤\視頻\文字鏈接	6.4.1  基礎(chǔ)鏈接樣式		6.4.2  多彩鏈接樣式		6.4.3  圖文鏈接樣式	　　6.5  實例分解——新聞內(nèi)容頁	　　視頻：光盤\視頻\實例分解　　6.6  小結(jié)	第7章  淡妝濃抹總相宜——圖片的處理與美化	　　7.1  背景圖優(yōu)化	　　視頻：光盤\視頻\背景屬性分解	7.1.1  背景屬性分解		7.1.2  CSS Sprite技巧分解	　　7.2  圖文混排處理	　　視頻：光盤\視頻\圖文混排及實例分解　　7.3  實例分解——圖文新聞內(nèi)容頁	　　7.4  小結(jié)	第8章  桀驁不馴的浪子——頁面中的列表	　8.1  列表的種類	　　視頻：光盤\視頻\列表的種類	8.1.1  無序列表		8.1.2  有序列表		8.1.3  自定義列表	　　8.2  列表模式的導(dǎo)航	　　視頻：光盤\視頻\列表模式的導(dǎo)航　　8.3  榜上有名，音樂榜單	　　視頻：光盤\視頻\榜上有名，音樂榜單　　8.4  實例分解——二級菜單導(dǎo)航	　　視頻：光盤\視頻\二級菜單導(dǎo)航　　8.5  實例分解——圖文列表信息	　　視頻：光盤\視頻\圖文列表信息　　8.6  小結(jié)	第9章  苦樂年華——表單美容二三事兒	　　9.1  表單元素的特性說明	　　視頻：光盤\視頻\表單元素的特性說明　　9.2  實例分解——登錄框的制作	　　視頻：光盤\視頻\登錄框的制作　　9.3  實例分解——搜索框的制作	　　視頻：光盤\視頻\搜索框的制作　　9.4  實例分解——反饋表單的制作	　　視頻：光盤\視頻\反饋表單的制作　　9.5  小結(jié)	第10章  封閉的巴黎圣母院——走進(jìn)表格的世界	　　10.1  表格的介紹	　　視頻：光盤\視頻\表格的介紹	10.1.1  以往的表格結(jié)構(gòu)		10.1.2  正確的表格結(jié)構(gòu)	　　10.2  細(xì)線表格	　　視頻：光盤\視頻\細(xì)線表格　　10.3  隔行換色的表格	　　視頻：光盤\視頻\隔行換色的表格　　10.4  實例分解——日歷表的制作	　　視頻：光盤\視頻\日歷表的制作　　10.5  小結(jié)	第4部分  CSS應(yīng)用篇　第11章  閑話CSS濾鏡	　　11.1  透明的圖文信息	　　視頻：光盤\視頻\透明的圖文信息　　　11.1.1  實現(xiàn)透明效果		11.1.2  了解透明濾鏡		11.1.3  解決透明濾鏡帶來的困惑	　　11.2  IE 6正常顯示PNG-24格式的圖片	　　視頻：光盤\視頻\ IE 6正常顯示PNG-24格式的圖片	11.2.1  在IE 6瀏覽器中正常顯示PNG-24格式的圖片		11.2.2  深入剖析PNG-24轉(zhuǎn)換濾鏡	　　11.3  濾鏡的是與非	　　11.4  小結(jié)	　第12章  話說tab選項卡	　　視頻：光盤\視頻\話說tab選項卡　　12.1  選項卡曾經(jīng)的實現(xiàn)方式	　　12.2  如今的選項卡模式	　　12.3  選項卡實現(xiàn)原理分析	　　12.4  選項卡的優(yōu)化	　　12.5  實現(xiàn)最終的選項卡效果	　　12.6  換個思路思考選項卡	　　12.7  不同XHTML結(jié)構(gòu)選項卡的對比	　　12.8  小結(jié)	第5部分  CSS實戰(zhàn)篇　第13章  秀一把CSS相冊	　　視頻：光盤\視頻\秀一把CSS相冊　　13.1  簡易相冊實現(xiàn)思路分析	　　13.2  實現(xiàn)簡易相冊的雛形	　　13.3  簡易相冊成形之初	　　13.4  美化簡易相冊	　　13.5  實現(xiàn)最終效果的簡易相冊	　　13.6  小結(jié)	　第14章  怪異的導(dǎo)航模式	　　視頻：光盤\視頻\怪異的導(dǎo)航模式　　14.1  怪異導(dǎo)航曾經(jīng)的實現(xiàn)方法	　　14.2  如今實現(xiàn)怪異導(dǎo)航的方法	　　14.3  實現(xiàn)怪異導(dǎo)航的背景圖片	　　14.4  結(jié)合CSS樣式調(diào)用背景圖片	　　14.5  怪異導(dǎo)航細(xì)節(jié)優(yōu)化	　　14.6  改變思路實現(xiàn)怪異導(dǎo)航	　　14.7  絕對定位方式實現(xiàn)怪異導(dǎo)航	　　14.8  又一種怪異導(dǎo)航模式	　　14.9  小結(jié)	　第15章  時間緊隨標(biāo)題的新聞列表	　　視頻：光盤\視頻\時間緊隨標(biāo)題的新聞列表　　15.1  時間緊隨標(biāo)題的新聞列表的由來	　　15.2  時間緊隨標(biāo)題的新聞列表雛形	　　15.3  使用max-width實現(xiàn)效果	　　15.4  原理分析及最終效果	　　15.5  小結(jié)	　第16章  幻燈片的簡單模擬	　　視頻：光盤\視頻\幻燈片的簡單模擬　　16.1  幻燈片原理分析	　　16.2  幻燈片的雛形	　　16.3  簡易幻燈片的功能實現(xiàn)	　　16.4  小結(jié)	　第17章  談?wù)勄宄?　　17.1  浮動的原理	　　視頻：光盤\視頻\浮動的原理　　17.2  清除浮動方式	　　視頻：光盤\視頻\清除浮動方式　　17.3  小結(jié)	　第18章  活動頁面布局實現(xiàn)	　　視頻：光盤\視頻\活動頁面布局實現(xiàn)　　18.1  結(jié)構(gòu)分析	　　18.2  模塊分析	　　18.3  圖片優(yōu)化	　　18.4  細(xì)節(jié)優(yōu)化調(diào)整	　　18.5  小結(jié)	第6部分  寫在最后的話　附錄A  怎么提高自身編寫代碼的能力	　附錄B  W3C的CSS驗證是什么	　附錄C  網(wǎng)絡(luò)資源分享

編輯推薦

　　知識合理：精選讀者最迫切需要掌握的知識點，構(gòu)成實用、完整的知識體系?！　“咐?qū)動：通過典型的、實用性強的案例揭示CSS全新的開發(fā)理念及布局方式?！　我环慈毫η笸ㄟ^一個知識點的講解，幫助讀者拓展思路，開發(fā)出更多實用的應(yīng)用程序。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    CSS那些事兒 PDF格式下載

---