CSS實戰手冊

CSS實戰手冊

本書從介紹最基本的CSS知識開始,到建立用於列印網頁的CSS和改進你的CSS習慣的最佳實踐。將關於CSS的選擇器、繼承、層疊、格式化、邊距、填充、框線、圖片、網站導航、表格、表單、浮動布局、定位網頁上的元素,以及用於列印網頁的CSS等技術通過逐步地講解與教程串聯了起來。每章內容從簡單到複雜,一步一步地建立起一個完整的教程示例,並在每章都會詳細討論一些技巧、最佳實踐和各瀏覽器之間一致性的兼容問題及如何進行修復,以及給出實際的解決辦法來創建最佳展現效果的頁面,在各章節的最後都給出了相應教程的詳細操作步驟。並且介紹了最新的CSS 3特性及常見問題,最後還提供了完整的CSS屬性參考、Dreamweaver CS4中的CSS及書中提到的相關CSS資源列表。

基本信息

CSS實戰手冊

作者:(美)麥克法蘭

譯者:俞黎敏

市場價:¥68.00

出版社:電子工業出版社

頁碼:476 頁碼

出版日:2007年

ISBN:9787121046476

版次:2007年9月第1版

裝幀:平裝

開本:16開

編輯推薦

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

內容簡介

博文視點CSS三劍客之實戰之劍

第17屆jolt Award(震撼大獎)獲獎圖書

從入門到精通,循序漸進

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

作者簡介

俞黎敏,現任薩蒂揚軟體技術(上海)有限公司項目經理,深入了解電力、電信行業的系統,並負責核心繫統研發與管理工作。開源愛好者,曾經參與滿江紅開源組織Spring 2.0 Refence中文翻譯的一審與二審工作和Seam1.2.1Reference中文翻譯工作,並擔任CSDN\CJSDN\DEV2DEV、MATRIX、JAVA WORLDTW 等JAVA論壇版主,在各大技術社區推動開源和敏捷開發作出發積極的貢獻。

媒體推薦

推薦序一

推薦序一 軟體開發作為新興的行業,在短短几年中走過了輝煌的歷程,尤其是網際網路的發展,給Web開發帶來無比強大的推動力,讓網頁開發技術飛速發展。回想幾年前,網頁設計還是開發中不被重視的一環,而今天,我們在新一輪網際網路的大潮中深刻地感受到網頁——直接給予用戶第一感受的載體,是多么的重要。當“Table禁止用於布局”逐步寫進各大公司的網頁製作規範的時候,當CSS + Div模式已經成為行業標準的時候,當開發的產品要適應不同瀏覽器的時候,我們逐步發現,行業技術在不斷地細化,網頁的設計與製作之間的關係,不僅超越了技術本身,而且還逐步引入感官體驗、易用性,甚至互動設計等元素。

本書從行業發展的角度出發,深入細緻地講述了如何製作出優秀的網頁,以及規範中隱含的技巧。本書深入淺出地講述了如何換位思考HTML的結構,如何規範使用樣式表的各種功能,如何整體規劃網頁布局和感受用戶體驗。本書最好地體現了“細節決定成敗”的原則。閱讀本書,希望讀者不僅能了解到製作優秀網頁的方法,而且能培養“探索無止境,學習無盡期”的創新和開拓精神。

本書是幫助你站上巨人肩膀的又一塊墊腳石。

中國區運營經理 yanger 2007年6月

推薦序二

推薦序二 對Web開發而言,CSS已逐漸成為每位程式設計師的必修課之一。如果說以前還認為CSS只是美工的事情的話,那么現在隨著AJAX的持續火爆以及由此產生的對網頁的標準化,內容與樣式分離的迫切需要,每位Web程式設計師的身邊都要放一本CSS參考書了。

CSS: The Missing Manual無疑就是這樣一本好書。和枯燥的、代碼堆砌的一般技術書不同,打開這本書,你看到的仿佛是位和藹可親的師者,耐心細緻,娓娓道來。從重新思考HTML到鍵入第一行CSS代碼,到用CSS建立布局,再到完全來自於第一線實踐的經驗,由淺入深,每個部分都附有大量的範例,讓讀者閱讀時完全沒有生澀和枯燥的感覺,反而多了些許的輕鬆。你可以坐著、躺著,甚至是躲在被窩裡讀這本書。學習在這裡變得輕鬆、有趣而富有成就感。不過,我建議你身邊最好還是有一台隨時可以工作的電腦,因為在閱讀時,你可能隨時都會有敲上兩行代碼的衝動,書中那一個個漂亮精緻的範例實在是太有誘惑力了。

作為一名從這本書中收益頗多的Web開發人員,我想把它推薦給所有戰鬥在Web開發第一線的程式設計師朋友,分享閱讀的快樂和收穫。不管是剛剛才接觸CSS的初學者,還是一位CSS高手,都一定能從這本書里找到所想要了解和知道的內容。這本書另外一個著重推薦的理由無疑是它的譯者——俞黎敏。在整個Java社區,YuLimin(阿敏總司令)無疑是一個閃亮的名字。

這么一本優秀的好書,這么一位優秀譯者的譯作,您絕對值得擁有。

北京東方易維軟體 高級設計師 榮浩 2007年5月

書評

HTML(XHTML)很容易入門,但是與其他同樣很容易入門的技術一樣,HTML很容易被誤用。在最初學習階段的愉快感覺之後,開發者在實際工作中很快就會陷入到混亂之中。這並不是HTML的錯,正是因為HTML的簡潔性和易用性(低門檻),Web才得以以幾何級數的速度飛速發展,HTML應該繼續保持這樣的特點。使用HTML顯然並不是我們的目標,我們需要掌握一些更高層次的技術,這些技術可以指導我們以正確的方式使用HTML,建造出可用性良好的Web頁面。從CSS的角度來使用HTML,就是一種最佳實踐。其前提是開發者必須要深入掌握CSS,然後才能確定如何為CSS來使用HTML。

《CSS實戰手冊》就是Web開發者當前所急需的CSS方面的專著,而且它是從面向開發者的角度來寫作的,將CSS的優雅和巨大潛力充分展示給了讀者。它的重點在於展示CSS在目前主流的瀏覽器中可以實踐的那些部分,而不是巨細無靡地羅列CSS規範的內容。這本書得到了Jolt的技術類書籍的大獎,據我所知,這是Web標準方面(HTML、CSS、JavaScript、Ajax、etc)的技術書籍中第一本獲得Jolt大獎的。由於Jolt大獎的信譽,足以讓我們對這本書高度關注。博文視點以最短的時間將這本書引進到國內,使得國內的Web開發者很幸運地及時讀到了這本書。

我使用CSS來設計頁面的樣式已經有兩年多了,不過至今仍然遇到一些難以解決的問題。特別是完全使用基於浮動的布局,似乎在一些場合的表現並不比基於table的布局更好。這是我對CSS最關注的地方,我想也是大部分Web開發者最關注的地方。《CSS實戰手冊》中有一章內容非常詳細地介紹了基於浮動的布局,這有助於我們更加深刻地理解這種新的布局方式,克服對這種布局方式的不適應。從解決複雜的問題入手來闡述技術的套用,這是這本書的與眾不同之處,這使得這本書更加實用(用現在流行的一個buzzword來說:更加pragmatic),我想這就是它獲得Jolt大獎的原因。此外,這本書中還有一章專門介紹如何設計印表機友好的頁面,這也是我很關心的部分,這是傳統的頁面設計的一個盲區。這本書還涉及到了頁面設計中很多晦暗的部分,包括各種瀏覽器 之間的差異,IE的各種鮮為人知的bug等等。《CSS實戰手冊》在黑夜中為我們打開了一盞探照燈,讓我們清晰地看到了更加廣闊的區域,對於全面採用CSS充滿了信心。

基於Web標準的技術目前仍然處在迅速發展的階段。能夠反映出使用Web標準的最佳實踐的書籍,在國內姍姍來遲,據我所知還是最近三年左右的事情(以博文視點的《網站重構》為起點)。但是這樣的一些聲音聲勢越來越大,逐漸匯成了一道洪流。假以時日,再過兩三年,Web開發的面貌將會發生根本性的變化。

李錕

譯者序

譯者序 10年前,當我在記事本中一點一滴地書寫著HTML、JavaScript、CSS並保存,然後在瀏覽器里預覽自己的傑作時,感覺這是多么神奇、有趣!

10年後的今天,當Web 2.0的概念已經遍地開花結果時,從1996年提出的CSS 1,到即將出現的CSS 3,我們難免不聯想到web 3.0的蠢蠢欲動了。

沒有CSS的手冊,人們常常不知道從哪裡入手學習CSS。好的CSS點子甚至可以勝過經驗豐富的網站專家。本書的目的,就是作為應該與CSS一起提供的一本手冊。在本書中,你會發現利用CSS創建漂亮網頁的循序漸進的用法說明。

《CSS實戰手冊》(CSS: The Missing Manual)適用於處在各種技術水平的讀者。如果你以前還從未創建過網頁,那么看看本書中的第一個教程。如果你是創建網頁的新手,本書中的“加油站……”可以給你提供理解手邊這一主題所需要的信息。如果你是一位高級網頁專家,那么請留意“高級用戶診所”的內容,它們為經驗豐富的計算機迷們提供了更多的技術提示、訣竅和捷徑

。 在即將翻譯完成這本書時,我驚奇地發現,它獲得了第17屆Jolt技術圖書生產效率獎。總之,這是一本你絕對值得擁有的好書。

雖然我在翻譯的過程中竭力以求信、達、雅,但限於自身水平,也許仍有不足,還望各位讀者不吝指正。

下面是翻譯時採用的術語表

Cascading Style Sheet 層疊樣式表 Internal Style Sheet 內部樣式表 External Style Sheet 外部樣式表 inheritance 繼承 descendent selector 派生選擇器 universal selector 通配選擇器 Inline Style 行內樣式表 margin 邊距 top margin 上邊距 bottom margin 下邊距 left margin 左邊距 right margin 右邊距 padding 填充 top padding 上方填充 bottom padding 下方填充 left padding 左側填充 right padding 右側填充 border 框線 border color 框線顏色 border style 框線樣式 border width 框線寬度 anchor 錨(FrontPage里叫書籤,Dreamweaver里叫命名錨記) float 浮動 media type 媒體類型 bulleted list 無序列表 numbered list 有序列表 non-numbered 非編號 quirks mode 怪異模式 hack 不譯,也不譯成補丁、黑客 filter 濾鏡

感謝Ajaxcn的李錕(dlee)對我在翻譯中碰到的問題進行深入的討論,並對本書翻譯時所採用的術語表進行認真的磋商;感謝JavaEye的網友們特別是hax在術語表討論貼中提出許多中肯的建議;感謝滿江紅開源組織的曹曉鋼提供的一些翻譯註意事項和熱情的幫助;感謝Matrix的Chris耐心且詳細地回答了我的一些疑問;感謝母校的章義來教授的不斷鼓勵與熱心幫助;感謝本書的編輯何艷女士仔細且認真地進行編排與校對,並感謝博文視點的周筠老師、梁晶編輯和王曉菲編輯的熱情幫助,謝謝你們了。

感謝我的家人在翻譯本書時提供的各種幫助,讓我能夠安心地坐在電腦前面:我母親為我們烹飪出可口的飯菜;我父親和爺爺在家裡打理一切事務;我愛人幫助我對譯文進行語法糾正和文字潤色,進一步增強了文章的易讀性和親和性;還有我那調皮的女兒,每每看到我坐在電腦前時,她都會裝腔作勢地過來說:“不要天天打電腦!”但她並沒有真正干擾我的正常工作,要不然想完成譯稿真的得等到2008年了,呵呵。

最後,祝大家能夠像我一樣在閱讀中享受本書帶來的樂趣!

Read a bit and take it out, then come back read some more.

俞黎敏 2007年春節於福建莆田

作者簡介

David Sawyer McFarland是位於俄勒岡州波特蘭的一家網站開發和培訓公司即Sawyer McFarland Media, Inc.的總裁。他從1995年開始創建網站,當時他設計的第一個網站是針對通訊專家的一本線上雜誌。他曾經是位於伯克利的加利福尼亞大學和伯克利多媒體研究中心的網站管理員,並對Macworldcom基於CSS驅動的重新設計進行了完整的監控。

相關詞條

相關搜尋

熱門詞條

聯絡我們