CSS實(shí)戰(zhàn)手冊(cè)

內(nèi)容概要

本書主要介紹了CSS這種強(qiáng)大的設(shè)計(jì)語言的方方面面，意在使讀者能更快速且更專業(yè)地從事網(wǎng)站設(shè)計(jì)和開發(fā)工作。本書內(nèi)容豐富全面、通俗易懂，實(shí)戰(zhàn)性強(qiáng)，涵蓋了CSS的選擇器、繼承、層疊、格式化、網(wǎng)站導(dǎo)航、浮動(dòng)布局等技術(shù)。每章內(nèi)容都由易到難，一步一步地建立起一個(gè)完整的教程示例，既適合剛剛接觸CSS的讀者閱讀并親自動(dòng)手實(shí)踐，又可以作為網(wǎng)頁設(shè)計(jì)人員，以及CSS專家們的參考書。

作者簡(jiǎn)介

俞黎敏（ID:YuLimin，網(wǎng)名：阿敏總司令），深入了解電力、電信行業(yè)的系統(tǒng)，并負(fù)責(zé)核心系統(tǒng)研發(fā)與管理工作。技術(shù)顧問，自由撰稿人，開源愛好者，曾經(jīng)參與Spring中文論壇組織 Spring 2.0 Reference 中文版的技術(shù)審校和滿江紅開源組織 Seam 1.2.1 Reference 中文版的翻譯工作；另外還擔(dān)任 CSDN、CJSDN、Dev2Dev、Matrix、JavaWorldTW等技術(shù)網(wǎng)站Java論壇版主，在各大技術(shù)社區(qū)推動(dòng)開源和敏捷開發(fā)作出了積極的貢獻(xiàn)。博客：http://YuLimin.JavaEye.com

書籍目錄

The Missing 的榮譽(yù)簡(jiǎn)介第1部分　CSS基礎(chǔ)知識(shí)　第1章　為CSS重新思考HTML　　HTML：過去和現(xiàn)在　　　HTML的過去：一切看起來都好　　　HTML的現(xiàn)在：CSS的腳手架　　為CSS寫HTML　　　思考布局結(jié)構(gòu)　　　學(xué)習(xí)兩種新的HTML標(biāo)簽　　　可以遺忘的HTML　　　在網(wǎng)站上引導(dǎo)訪問者的技巧　　Doctype(文檔類型)的重要性　第2章　創(chuàng)建樣式和樣式表　　樣式剖析　　理解樣式表　　　內(nèi)部還是外部－－如何選擇　　內(nèi)部樣式表　　外部樣式表　　　使用HTML鏈接一個(gè)樣式表　　　用CSS鏈接一個(gè)樣式表　　教程：創(chuàng)建你的第一個(gè)樣式　　　創(chuàng)建一個(gè)行內(nèi)的樣式　　　創(chuàng)建一個(gè)內(nèi)部樣式表　　　創(chuàng)建一個(gè)外部樣式表　第3章　選擇器基礎(chǔ)－－判斷要給什么添加樣式　　標(biāo)簽選擇器：整體樣式　　類選擇器：精確控制　　ID選擇器：特殊的網(wǎng)頁元素　　給標(biāo)簽內(nèi)的標(biāo)簽定義樣式　　　HTML族譜　　　創(chuàng)建派生選擇器　　給標(biāo)簽群定義樣式　　　構(gòu)造群選擇器　　　通配選擇器　　偽類和偽元素　　　給鏈接定義樣式　　　更多的偽類和偽元素　　高級(jí)選擇器　　　子選擇器　　　鄰近同胞　　　屬性選擇器　　教程：選擇器模型　　　創(chuàng)建群選擇器　　　創(chuàng)建和應(yīng)用類選擇　　　創(chuàng)建和應(yīng)用ID選擇器　　　創(chuàng)建派生選擇器　第4章　利用繼承節(jié)省時(shí)間　　什么是繼承　　……　第5章　管理多種樣式－－層疊第2部分　實(shí)用的CSS　第6章　格式化文本　第7章　Margin、Padding和Border  第8章　給網(wǎng)頁添加圖片　第9章　裝飾網(wǎng)站導(dǎo)航　第10章　格式化表格和表單第3部分　CSS布局　第11章　建立基于浮動(dòng)的布局　第12章　定位網(wǎng)頁上的元素第4部分　高級(jí)的CSS　第13章　用于打印頁面的CSS　　第14章　改進(jìn)你的CSS習(xí)慣第5部分　附錄　附錄A CSS屬性參考　附錄B Dreameaver8中的CSS　附錄C CSS資源　索引

媒體關(guān)注與評(píng)論

推薦序一推薦序一軟件開發(fā)作為新興的行業(yè)，在短短幾年中走過了輝煌的歷程，尤其是互聯(lián)網(wǎng)的發(fā)展，給Web開發(fā)帶來無比強(qiáng)大的推動(dòng)力，讓網(wǎng)頁開發(fā)技術(shù)飛速發(fā)展?；叵霂啄昵?，網(wǎng)頁設(shè)計(jì)還是開發(fā)中不被重視的一環(huán)，而今天，我們?cè)谛乱惠喕ヂ?lián)網(wǎng)的大潮中深刻地感受到網(wǎng)頁——直接給予用戶第一感受的載體，是多么的重要。當(dāng)“Table禁止用于布局”逐步寫進(jìn)各大公司的網(wǎng)頁制作規(guī)范的時(shí)候，當(dāng)CSS + Div模式已經(jīng)成為行業(yè)標(biāo)準(zhǔn)的時(shí)候，當(dāng)開發(fā)的產(chǎn)品要適應(yīng)不同瀏覽器的時(shí)候，我們逐步發(fā)現(xiàn)，行業(yè)技術(shù)在不斷地細(xì)化，網(wǎng)頁的設(shè)計(jì)與制作之間的關(guān)系，不僅超越了技術(shù)本身，而且還逐步引入感官體驗(yàn)、易用性，甚至交互設(shè)計(jì)等元素。本書從行業(yè)發(fā)展的角度出發(fā)，深入細(xì)致地講述了如何制作出優(yōu)秀的網(wǎng)頁，以及規(guī)范中隱含的技巧。本書深入淺出地講述了如何換位思考HTML的結(jié)構(gòu)，如何規(guī)范使用樣式表的各種功能，如何整體規(guī)劃網(wǎng)頁布局和感受用戶體驗(yàn)。本書最好地體現(xiàn)了“細(xì)節(jié)決定成敗”的原則。閱讀本書，希望讀者不僅能了解到制作優(yōu)秀網(wǎng)頁的方法，而且能培養(yǎng)“探索無止境，學(xué)習(xí)無盡期”的創(chuàng)新和開拓精神。本書是幫助你站上巨人肩膀的又一塊墊腳石。Smarter.com.cn中國(guó)區(qū)運(yùn)營(yíng)經(jīng)理Yanger2007年6月推薦序二推薦序二對(duì)Web開發(fā)而言，CSS已逐漸成為每位程序員的必修課之一。如果說以前還認(rèn)為CSS只是美工的事情的話，那么現(xiàn)在隨著AJAX的持續(xù)火爆以及由此產(chǎn)生的對(duì)網(wǎng)頁的標(biāo)準(zhǔn)化，內(nèi)容與樣式分離的迫切需要，每位Web程序員的身邊都要放一本CSS參考書了。CSS: The Missing Manual無疑就是這樣一本好書。和枯燥的、代碼堆砌的一般技術(shù)書不同，打開這本書，你看到的仿佛是位和藹可親的師者，耐心細(xì)致，娓娓道來。從重新思考HTML到鍵入第一行CSS代碼，到用CSS建立布局，再到完全來自于第一線實(shí)踐的經(jīng)驗(yàn)，由淺入深，每個(gè)部分都附有大量的范例，讓讀者閱讀時(shí)完全沒有生澀和枯燥的感覺，反而多了些許的輕松。你可以坐著、躺著，甚至是躲在被窩里讀這本書。學(xué)習(xí)在這里變得輕松、有趣而富有成就感。不過，我建議你身邊最好還是有一臺(tái)隨時(shí)可以工作的電腦，因?yàn)樵陂喿x時(shí)，你可能隨時(shí)都會(huì)有敲上兩行代碼的沖動(dòng)，書中那一個(gè)個(gè)漂亮精致的范例實(shí)在是太有誘惑力了。作為一名從這本書中收益頗多的Web開發(fā)人員，我想把它推薦給所有戰(zhàn)斗在Web開發(fā)第一線的程序員朋友，分享閱讀的快樂和收獲。不管是剛剛才接觸CSS的初學(xué)者，還是一位CSS高手，都一定能從這本書里找到所想要了解和知道的內(nèi)容。這本書另外一個(gè)著重推薦的理由無疑是它的譯者——俞黎敏。在整個(gè)Java社區(qū)，YuLimin（阿敏總司令）無疑是一個(gè)閃亮的名字。這么一本優(yōu)秀的好書，這么一位優(yōu)秀譯者的譯作，您絕對(duì)值得擁有。北京東方易維軟件高級(jí)設(shè)計(jì)師  榮浩2007年5月書評(píng)HTML（XHTML）很容易入門，但是與其他同樣很容易入門的技術(shù)一樣，HTML很容易被誤用。在最初學(xué)習(xí)階段的愉快感覺之后，開發(fā)者在實(shí)際工作中很快就會(huì)陷入到混亂之中。這并不是HTML的錯(cuò)，正是因?yàn)镠TML的簡(jiǎn)潔性和易用性（低門檻），Web才得以以幾何級(jí)數(shù)的速度飛速發(fā)展，HTML應(yīng)該繼續(xù)保持這樣的特點(diǎn)。使用HTML顯然并不是我們的目標(biāo)，我們需要掌握一些更高層次的技術(shù)，這些技術(shù)可以指導(dǎo)我們以正確的方式使用HTML，建造出可用性良好的Web頁面。從CSS的角度來使用HTML，就是一種最佳實(shí)踐。其前提是開發(fā)者必須要深入掌握CSS，然后才能確定如何為CSS來使用HTML?！禖SS實(shí)戰(zhàn)手冊(cè)》就是Web開發(fā)者當(dāng)前所急需的CSS方面的專著，而且它是從面向開發(fā)者的角度來寫作的，將CSS的優(yōu)雅和巨大潛力充分展示給了讀者。它的重點(diǎn)在于展示CSS在目前主流的瀏覽器中可以實(shí)踐的那些部分，而不是巨細(xì)無靡地羅列CSS規(guī)范的內(nèi)容。這本書得到了Jolt的技術(shù)類書籍的大獎(jiǎng)，據(jù)我所知，這是Web標(biāo)準(zhǔn)方面（HTML、CSS、JavaScript、Ajax、etc）的技術(shù)書籍中第一本獲得Jolt大獎(jiǎng)的。由于Jolt大獎(jiǎng)的信譽(yù)，足以讓我們對(duì)這本書高度關(guān)注。博文視點(diǎn)以最短的時(shí)間將這本書引進(jìn)到國(guó)內(nèi)，使得國(guó)內(nèi)的Web開發(fā)者很幸運(yùn)地及時(shí)讀到了這本書。我使用CSS來設(shè)計(jì)頁面的樣式已經(jīng)有兩年多了，不過至今仍然遇到一些難以解決的問題。特別是完全使用基于浮動(dòng)的布局，似乎在一些場(chǎng)合的表現(xiàn)并不比基于table的布局更好。這是我對(duì)CSS最關(guān)注的地方，我想也是大部分Web開發(fā)者最關(guān)注的地方?！禖SS實(shí)戰(zhàn)手冊(cè)》中有一章內(nèi)容非常詳細(xì)地介紹了基于浮動(dòng)的布局，這有助于我們更加深刻地理解這種新的布局方式，克服對(duì)這種布局方式的不適應(yīng)。從解決復(fù)雜的問題入手來闡述技術(shù)的應(yīng)用，這是這本書的與眾不同之處，這使得這本書更加實(shí)用（用現(xiàn)在流行的一個(gè)buzzword來說：更加pragmatic），我想這就是它獲得Jolt大獎(jiǎng)的原因。此外，這本書中還有一章專門介紹如何設(shè)計(jì)打印機(jī)友好的頁面，這也是我很關(guān)心的部分，這是傳統(tǒng)的頁面設(shè)計(jì)的一個(gè)盲區(qū)。這本書還涉及到了頁面設(shè)計(jì)中很多晦暗的部分，包括各種瀏覽器 之間的差異，IE的各種鮮為人知的bug等等?！禖SS實(shí)戰(zhàn)手冊(cè)》在黑夜中為我們打開了一盞探照燈，讓我們清晰地看到了更加廣闊的區(qū)域，對(duì)于全面采用CSS充滿了信心?；赪eb標(biāo)準(zhǔn)的技術(shù)目前仍然處在迅速發(fā)展的階段。能夠反映出使用Web標(biāo)準(zhǔn)的最佳實(shí)踐的書籍，在國(guó)內(nèi)姍姍來遲，據(jù)我所知還是最近三年左右的事情（以博文視點(diǎn)的《網(wǎng)站重構(gòu)》為起點(diǎn)）。但是這樣的一些聲音聲勢(shì)越來越大，逐漸匯成了一道洪流。假以時(shí)日，再過兩三年，Web開發(fā)的面貌將會(huì)發(fā)生根本性的變化。李錕譯者序譯者序10年前，當(dāng)我在記事本中一點(diǎn)一滴地書寫著HTML、JavaScript、CSS并保存，然后在瀏覽器里預(yù)覽自己的杰作時(shí)，感覺這是多么神奇、有趣！10年后的今天，當(dāng)Web 2.0的概念已經(jīng)遍地開花結(jié)果時(shí)，從1996年提出的CSS 1，到即將出現(xiàn)的CSS 3，我們難免不聯(lián)想到Web 3.0的蠢蠢欲動(dòng)了。沒有CSS的手冊(cè)，人們常常不知道從哪里入手學(xué)習(xí)CSS。好的CSS點(diǎn)子甚至可以勝過經(jīng)驗(yàn)豐富的網(wǎng)站專家。本書的目的，就是作為應(yīng)該與CSS一起提供的一本手冊(cè)。在本書中，你會(huì)發(fā)現(xiàn)利用CSS創(chuàng)建漂亮網(wǎng)頁的循序漸進(jìn)的用法說明?！禖SS實(shí)戰(zhàn)手冊(cè)》（CSS: The Missing Manual）適用于處在各種技術(shù)水平的讀者。如果你以前還從未創(chuàng)建過網(wǎng)頁，那么看看本書中的第一個(gè)教程。如果你是創(chuàng)建網(wǎng)頁的新手，本書中的“加油站……”可以給你提供理解手邊這一主題所需要的信息。如果你是一位高級(jí)網(wǎng)頁專家，那么請(qǐng)留意“高級(jí)用戶診所”的內(nèi)容，它們?yōu)榻?jīng)驗(yàn)豐富的計(jì)算機(jī)迷們提供了更多的技術(shù)提示、訣竅和快捷方式。本書意在使你更快速且更專業(yè)地從事網(wǎng)站設(shè)計(jì)工作。當(dāng)你閱讀本書時(shí)，會(huì)遇到許多生動(dòng)的實(shí)例，利用從www.sawmac.com/css/上下載的原始資料（如圖片和完成了一半的網(wǎng)頁），再加上你在電腦上花點(diǎn)時(shí)間完成它們，你就會(huì)發(fā)現(xiàn)這些教程提供了專業(yè)設(shè)計(jì)師們創(chuàng)建網(wǎng)頁的方法。你可以把你的作品與最終的結(jié)果進(jìn)行對(duì)比。你不僅可以看到網(wǎng)頁應(yīng)該顯示的樣子，還能在因特網(wǎng)上發(fā)現(xiàn)真正在運(yùn)行的網(wǎng)頁。在即將翻譯完成這本書時(shí)，我驚奇地發(fā)現(xiàn)，它獲得了第17屆Jolt技術(shù)圖書生產(chǎn)效率獎(jiǎng)?？傊?，這是一本你絕對(duì)值得擁有的好書。雖然我在翻譯的過程中竭力以求信、達(dá)、雅，但限于自身水平，也許仍有不足，還望各位讀者不吝指正。大家可以通過訪問我的博客http://YuLimin.JavaEye.com/或者發(fā)送電子郵件到Y(jié)uLimin@163.com進(jìn)行互動(dòng)。下面是翻譯時(shí)采用的術(shù)語表，討論鏈接為： http://YuLimin.JavaEye.com/blog/71162。Cascading Style Sheet 層疊樣式表Internal Style Sheet 內(nèi)部樣式表External Style Sheet 外部樣式表inheritance 繼承descendent selector 派生選擇器universal selector 通配選擇器Inline Style 行內(nèi)樣式表margin 邊距top margin 上邊距bottom margin 下邊距l(xiāng)eft margin 左邊距right margin 右邊距padding 填充top padding 上方填充bottom padding 下方填充left padding 左側(cè)填充right padding 右側(cè)填充border 邊框border color 邊框顏色border style 邊框樣式border width 邊框?qū)挾萢nchor 錨（FrontPage里叫書簽，Dreamweaver里叫命名錨記）float 浮動(dòng)media type 媒體類型bulleted list 無序列表numbered list 有序列表non-numbered 非編號(hào)quirks mode 怪異模式hack 不譯，也不譯成補(bǔ)丁、黑客filter 濾鏡感謝Ajaxcn的李錕（dlee）對(duì)我在翻譯中碰到的問題進(jìn)行深入的討論，并對(duì)本書翻譯時(shí)所采用的術(shù)語表進(jìn)行認(rèn)真的磋商；感謝JavaEye的網(wǎng)友們特別是hax在術(shù)語表討論貼中提出許多中肯的建議；感謝滿江紅開源組織的曹曉鋼提供的一些翻譯注意事項(xiàng)和熱情的幫助；感謝Matrix的Chris耐心且詳細(xì)地回答了我的一些疑問；感謝母校的章義來教授的不斷鼓勵(lì)與熱心幫助；感謝本書的編輯何艷女士仔細(xì)且認(rèn)真地進(jìn)行編排與校對(duì)，并感謝博文視點(diǎn)的周筠老師、梁晶編輯和王曉菲編輯的熱情幫助，謝謝你們了。感謝我的家人在翻譯本書時(shí)提供的各種幫助，讓我能夠安心地坐在電腦前面：我母親為我們烹飪出可口的飯菜；我父親和爺爺在家里打理一切事務(wù)；我愛人幫助我對(duì)譯文進(jìn)行語法糾正和文字潤(rùn)色，進(jìn)一步增強(qiáng)了文章的易讀性和親和性；還有我那調(diào)皮的女兒，每每看到我坐在電腦前時(shí)，她都會(huì)裝腔作勢(shì)地過來說：“不要天天打電腦！”但她并沒有真正干擾我的正常工作，要不然想完成譯稿真的得等到2008年了，呵呵。最后，祝大家能夠像我一樣在閱讀中享受本書帶來的樂趣！Read a bit and take it out, then come back read some more.                                                    俞黎敏2007年春節(jié)于福建莆田

圖書封面

圖書標(biāo)簽Tags

無

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

---

    CSS實(shí)戰(zhàn)手冊(cè) PDF格式下載

---