從頁面布局X細節設計X網頁美化X CSS Hack等層面,
帶你認識各種炫目、實用、錯過可惜的網頁效果!
本書精選400多段的CSS程式碼,從基礎的文字、圖片、邊框、按鈕、連結等網頁元素設計,到轉場動畫、頁面布局、響應式設計等各種進階功能,應有盡有,讓你能夠輕鬆做出媲美知名網站的網頁效果,如:圖片牆、幻燈片、影像地圖、對聯廣告、紙張邊角效果等。此外,更提出多種CSS Hack方案,解決因瀏覽器不同所帶來的效果不一致、效果出錯等相容性問題,讓你的網頁不論在哪種瀏覽器上,都能完美呈現!
■功能導向的CSS實例
以網頁設計的各種分類、使用場景為基礎,從最常見、最實用的網頁效果出發,並直接以CSS完成設計,做出令人目不轉睛的網頁布局與效果。
■隨查隨用的內容架構
本書實例皆各自獨立,你可以視需求挑選章節來做練習;而且書中語法皆具備跨瀏覽器、跨平台、跨裝置的特性,讓你能夠隨查隨用,走到哪學到哪!
■多種網頁編碼的實作
以純CSS語法為主軸,結合簡單的HTML、JavaScript、jQuery框架和自己建構框架等方式,實作各種不同效果;並且搭配原理說明,讓你能夠在不同的方式間自由切換。
無論你是網頁設計的入門者,抑或是想從CSS 2轉型到CSS 3的CSS愛好者,更甚至是網站後台的開發人員,這都是一本你必備的知識寶典!
光碟內容:全書範例原始檔
本書特色
利用CSS,為你的網站穿上美麗的外衣!
■範例實用,從最常見的網頁效果出發,提供最有用的範例。
■功能導向,每則範例都是單獨的功能型頁面,讓你能從任何一個感興趣的網頁效果開始閱讀。
■結合多種程式碼,讓你在純CSS語法之外,同時認識簡單的JavaScript、jQuery框架,實作多種不同的效果。
■附贈CSS能力檢測題,讓你測試自己的CSS網頁設計能力。