当出版社跟我提起撰写这本书的第四版的时候,我原本想说,.PDFVIP

序言 當出版社跟我提起撰寫這本書的第四版的時候，我原本想說，只要跟過去的版本一 樣－加入一些新技術、刪掉已經過時的內容，並更新一下最新的解決方案即可。然 而，就在我開始著手處理本書的大綱時，我赫然發現，CSS 世界的快速發展與變化， 使得我幾乎得對本書的內容全都重新編寫才行。 不過，與其拿這麼一本書來談一些還在發展中，或者是實驗性的 CSS 技術，還不如好 好地為大家示範我每天都在使用的各種技巧、訣竅，以及解決方案。我們將會徹底地 探究 CSS3 的世界，以及各主要瀏覽器所能支援的功能特色，並一起來瞭解一下可讓這 些新技術順利運作在舊版瀏覽器上的處理方式。 我們也會示範運用 CSS 來進行版面配置的處理方式。然而，即使過去兩年可用來處理 版面配置的工具都從未改變過，但我們設計的網站所要面對的裝置類型卻有很大的變 化。我們的網站很可能會被使用者，以智慧型手機、平板電腦，或者桌上型電腦的方 式來進行檢視。而回應處理的設計就得把焦點放在，以單一網站來為所有平台提供最 佳體驗的設計挑戰上。 本書內容含有少量的理論解說；取而代之的是，我會積極地提供能夠讓你快速著手運 用各種技術，或是解決問題的各種解決方案。在每一章的各個小節內容，則可以成為 你提升自己的各種經驗和創意立足點。每一小節都是以針對某個特定狀況或問題的方 式來劃分，然後搭配詳細的解說內容來協助你瞭解解決方式，並指出任何相關的挑戰 或是可替代方案。 CSS3 網頁設計師手札 第四版 現在正是前端開發技術大放異彩的好時機，而我期望本書能有助於你開始著手去研究 CSS3 的某些功能特色，並順利地解決掉你可能遭遇到的各種 CSS 問題。 誰該閱讀本書？ 本書寫作的目標對象，是針對那些發現 CSS 效果驚人，但是沒時間去搞懂大量理論與 基礎來建立網站頁面的網頁設計師。書中對於每個問題，都準備了完整的解決方案， 甚至可以把它們當作是你發揮無窮創意的墊腳石。 本書並非教學書籍；但是《第一章》中，包含了非常基本的 CSS 說明，而接下來幾章 所用的技術，也比後面的章節要簡單，如果你有 CSS 的基礎，你會發現前面章節中的 範例比較簡單。 本書有什麼內容？ 第一章：CSS 基礎知識 本章是專為有需要從頭學習 CSS 基礎知識的人，所準備的一份 CSS 快速學習教材。假 如你已經在自己的專案中使用過 CSS ，那你也許應該略過這一章，而之後如果你發現 自己需要更進一步瞭解基本概念的時候，再回過頭來翻閱本章內容即可。 第二章：文字樣式與其他基礎知識 本章包含了在文件中決定文字樣式與格式的技術；字體大小、顏色、高亮度文字 （highlighting text ），以及刪除頁面上討厭的空白區域等等，都會在這一章中說明。就 算你早就已經在使用 CSS 來處理文字樣式，相信還是會在本章裡發現到許多有用的訣 竅或技巧。 第三章：圖片與其他設計元素 本章將會探討如何讓 CSS 與圖片結合，來產生驚人的視覺效果。其中包括替換元素的 背景圖片、套用顏色漸層效果（gradients ）、元素透明效果、文字與圖片定位處理，以 及其他的相關主題。 xiv 序言 第四章：導覽列 每個網站都需要有便利的導覽列（navigation ），而這一章會說明如何以 CSS 樣式來實 作導覽列。我們將會談到圖片式（image-based ）導覽列、頁籤式（tabbed ）導覽列、 結合背景圖與 CSS 文字，來創造美觀易用選單的方式，並且會利用列表項目，來建構 便於使用的結構化導覽功能。 第五章：表格資料 把表格用來當作版型配置的作法，早就應該要被淘汰才是。表格應該被運用在它原本 所要扮演的角色上－也就是類似試算表那樣，用來呈現表格化的資料。本章會為你示 範一些表格的應用方式，以便用來創造美觀又有用的表格資料畫面。 第六章：表單與使用介面 無論你是設計師或開發人員，都會花不少時間在資料表單的建立工作上。而 CSS 對於 這個部分，則提供了許多的支