CSS那些事兒

內(nèi)容概要

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

作者簡(jiǎn)介

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

書(shū)籍目錄

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

編輯推薦

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

圖書(shū)封面

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

無(wú)

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

---

    CSS那些事兒 PDF格式下載

---