導讀： 簡介: 本書簡介本書專注於CSS技巧實例的講解，由淺入深地分析了CSS樣式在布局時所需要理解的原理。放棄到處可見的基礎知識、網絡中能隨意搜索到的hack技巧，側重原理分析，拓展讀 簡介:


本書簡介
本書專注於CSS技巧實例的講解，由淺入深地分析了CSS樣式在布局時所需要理解的原理。放棄到處可見的基礎知識、網絡中能隨意搜索到的hack技巧，側重原理分析，拓展讀者使用CSS布局的思維方式，通過本書的閱讀讀者將會了解到使用CSS布局的強大功能。
全書以傳達CSS布局思維為中心，通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。尤其是在頁面布局的部分中，全面分析了多種布局方式，著重分解了兩列等高和三列等高的幾種方式，並相應說明了等高布局的優缺點。
隨書所附光盤包含多媒體教學及實例源文件。
無論是CSS布局的初學者還是具有一定水准的讀者，閱讀本書之後將會發現，原來CSS樣式居然是這麼好玩的東西。本書適合網站開發人員、網頁設計人員參考學習，同時也適合作為相關培訓機構的教材。
前言
很多人認為學習CSS樣式很難，無法徹底掌握，總是在各個浏覽器中出現一些異常的現象，從而放棄了繼續學習這比較可愛的CSS。在本書為各位讀者介紹更多的CSS方面的技巧及實戰經驗之前，在此呼吁各位讀者：耐心地學習CSS，掌握好CSS的本質原理後，你將會發現原來CSS真的很好玩。
寓教於樂這話真的沒錯，但很遺憾本書無法達到這樣的效果，只能將CSS的本質原理進行細致的分析，希望讀者能從根本去了解。本書不會像其他書籍一樣，使用某一章節介紹關於CSS hack的知識，這類資料只要在網絡上搜索“CSS hack”關鍵詞後，將會出現一大片的信息；本書也不會像其他書籍一樣將概念性的內容放入太多，因為本書的宗旨是不讓一切概念性的資料、網絡上隨處可見的資料浪費紙張，浪費讀者的金錢和時間。
一直以來很喜歡一句話：“授人以魚不如授人以漁”，對於CSS樣式的學習也是如此，讓代碼浪費紙張不如去看他人網站的源代碼，只有掌握了CSS樣式的本質，了解CSS樣式是如何實現頁面布局、如何完成頁面中一些比較好玩、比較實用的效果後才能得心應手地使用CSS樣式。
讀者對象
全書的側重點在於實例部分，只用了小部分章節介紹CSS基礎概念性的內容，因此如果你是還未入門，剛剛接觸CSS的新手，在閱讀本書時或許會感覺稍微有點吃力，不容易消化。但如果已經掌握了一點點CSS的基礎，那麼閱讀本書之後將會得到一個質的飛躍。
無論你是菜鳥還是老鳥，相信本書中的實例分解都將會為你帶來有用的信息，讓你的能力得到一定提升。
本書並非是收藏品，更不是字典，只是通過實例分析CSS樣式的本質原理，引發思維方式的書籍。如果閱讀本書的讀者是把本書當作小說來對待的，建議放棄購買本書。
本書主要內容
本書主要分為6個部分，講解由淺入深，分為入門篇、布局篇、元素篇、應用篇、實戰篇及寫在最後的話。
入門篇中主要是介紹了CSS樣式的基本屬性及其工作環境。在CSS樣式的基本屬性方面不僅介紹了CSS樣式中的幾種選擇符（也稱選擇器）的使用，並且有詳細的說明；在CSS樣式的工作環境中主要介紹了如何脫離所見即所得的軟件，而使用代碼編輯方式，並附帶介紹了幾種不錯的輔助開發工具。
布局篇可謂本書的重點，著重介紹了幾種常見的利用浮動和定位布局的結構，並介紹了負邊距的利用，還分析了兩列等高和三列等高布局結構的實現方式及優、缺點。掌握頁面的布局方式將能更好地控制頁面，希望讀者對於該篇的內容能詳細閱讀並實踐。
元素篇中分別介紹了文字、圖片、列表、表格、表單等幾個頁面中常見元素的處理方式及實現一些特殊效果的方法。針對每個元素不同的功能分別以相關的實例輔助說明，突出介紹該元素在頁面中是如何表現的。
應用篇的內容偏向於思維拓展，通過幾種常見的網頁設計風格及網站內容需求，分別介紹了濾鏡、選項卡、怪異導航等實用、好玩的效果。
實戰篇中僅以設計花哨的活動頁面作為實例詳細分解，從中能了解到合理使用CSS樣式如何快捷完成一個XHTML結構合理的頁面。
寫在最後的話主要是分享如何提高編碼能力的方法及一些比較不錯的網絡資源。
書中的內容並不是非常多，但實用性較強，通讀本書並掌握相關知識後，讀者能夠獲得全新的理念及CSS布局的方式。
寫作約定
本書主要是以實例為主，讀者可以跳躍式地閱讀，但對於沒有CSS基礎知識的讀者，建議先閱讀本書第一部分的內容，循序漸進才是提升能力的最好方法。
鑒於目前國內的浏覽器市場分析，書中所有的實例僅以Firefox和Internet Explorer 6/7這3個浏覽器為基准，不排除在個別浏覽器中會有所差異。因為本書是為提高思維而寫的，而不是提供完全可以直接使用的代碼而寫的。當然，有興趣的讀者也可以在Opera或者Apple Safari等浏覽器中查看頁面效果，你將會發現原來書中的代碼不僅在Firefox和Internet Explorer 6/7這3個浏覽器中是正確的，在其他浏覽器中也是沒問題的。
作為CSS布局實例分解的書籍，大量的XHTML和CSS代碼是必不可少的，但由於篇幅有限，不能把書中每個示例的所有代碼都放置在書中，因此示例代碼基本上只顯示兩部分：
 XHTML結構代碼，即網頁中 body /body 內的代碼；
 CSS樣式代碼，即網頁中 style type= text/css /style 標簽內的代碼。
致謝
經過幾年對CSS的接觸，期間有不少朋友的提示和幫助，尤其是北京的PR（彭榮），因為他的影響我才會去學習CSS，更要感謝一直在幫助我、支持我的良師益友：Tyrone（何傳烽）、飄飄（譚開拓）、twinsen（梁璟彪）、ghost（張癸鑫）、tommy（范俊豪）、Caspar（張建斌）、果子（司馬靜）、Jasmin（江思敏）、昔羽（黃錫煜）、一七（朱壘）等，還有默默支持著我的朋友們：顏喆明、小秦、劉敏、陳一飛、溫從成、姜日豹、陳洪延，徐聲坤，以及鼓勵我寫完這本書的呆呆蟲（朱斌）和追瘋一族、內參群的所有成員，在此對你們的支持和幫助表示感謝。
本書的完成少不了樣吧（朱印宏）老師的悉心指導和缜密修改，在我最迷茫甚至將要放棄寫作時，是朱老師的鼓勵和引導讓我奮勇前進。同時還要感謝出版社所有付出努力的編輯及其他相關人員。
最後還要感謝家人對我漂泊在深圳打工的支持和鼓勵，尤其是我親愛的老媽。
告訴我們對本書的看法
本書主要是筆者工作中所得到的心得體會，但由於水平認知有限，書中的錯誤難以避免。希望閱讀本書後的讀者不吝賜教，提出有關本書的寶貴意見和建議。