寫給大家看的CSS書

前言

　　CSS不難學(xué)——但前提是必須有好的教材。　　本書第1版之所以暢銷，其中一個主要原因就是作者講解清晰，內(nèi)容通俗易懂。在第1版獲得成功的基礎(chǔ)上，作者根據(jù)自身實踐，將CSS的最新發(fā)展和應(yīng)用結(jié)合起來，基本上重寫了第1版，最后將全新的版本呈現(xiàn)給讀者。在這一版中，作者沿續(xù)了受到廣泛好評的平易樸實的寫作風(fēng)格，將CSS中的關(guān)鍵概念和基礎(chǔ)術(shù)語闡釋得更加透徹、準(zhǔn)確。相信有一定CSS經(jīng)驗的讀者看罷這一版，一定會有相見恨晚之感！　　第2版雖然可以說重寫了第1版，但內(nèi)容架構(gòu)上仍然保持了第1版的按技術(shù)主題分類。

內(nèi)容概要

　　本書介紹了CSS樣式設(shè)計，主要涵蓋利用XHTML為內(nèi)容定義結(jié)構(gòu)、CSS的工作原理、字體和文本樣式、定位元素、基本的頁面布局等內(nèi)容，詳細(xì)講述了所有程序員都需要掌握的兩種技能：避免重寫以前曾經(jīng)寫過的代碼和掌握以最經(jīng)濟(jì)的方法編寫代碼。同時，書中的所有代碼都可以從本書的網(wǎng)站下載。而且，作者會在發(fā)現(xiàn)錯誤之后改正它們并更新下載文件?！　”緯m合Web開發(fā)人員閱讀和參考。

作者簡介

　　Charles Wyke-Smith，世界知名的Web技術(shù)專家。目前是Benefitfocus.com公司用戶體驗總監(jiān)。此前，他曾擔(dān)任著名媒體eStar.com的Web開發(fā)副總裁，富國集團(tuán)、ESPN等大公司的Web設(shè)計顧問。

書籍目錄

第1章 XHTML：為內(nèi)容定義結(jié)構(gòu)1.1 Web標(biāo)準(zhǔn)1.1.1 時至今日，仍然會提到IDWIMIE1.1.2 內(nèi)容、結(jié)構(gòu)和表現(xiàn)1.2 時代在改變1.2.1 過去的方式1.2.2 未來剛剛開始1.3 XHTML及編寫規(guī)則1.3.1 XHTML——規(guī)則1.3.2 XHTML模板1.3.3 標(biāo)記內(nèi)容1.3.4 文檔流——塊級元素和行內(nèi)元素1.3.5 文檔層次：認(rèn)識XHTML家族第2章 CSS的工作原理2.1 為文檔應(yīng)用樣式的3種方式2.1.1 內(nèi)聯(lián)樣式2.1.2 嵌入樣式2.1.3 鏈接樣式2.2 CSS規(guī)則剖析2.3 編寫CSS規(guī)則2.4 在文檔層次中對準(zhǔn)標(biāo)簽2.4.1 使用上下文選擇符2.4.2 使用子選擇符2.4.3 添加類和ID2.4.4 ID簡介2.4.5 ID和類之間的區(qū)別2.4.6 特殊的選擇符2.4.7 選擇符小結(jié)2.5 偽類2.5.1　錨鏈接的偽類2.5.2 其他有用的偽類2.6 偽元素2.7 繼承2.8 層疊機制2.8.1 樣式的來源2.8.2 層疊規(guī)則2.9 規(guī)則聲明2.9.1 數(shù)字值2.9.2 顏色值第3章 字體和文本樣式3.1 在CSS中指定字體3.2 探索字體系列3.2.1 使用嵌入樣式(僅現(xiàn)在)3.2.2 為整個頁面設(shè)置字體系列3.3 設(shè)置字體大小3.4 字體屬性3.4.1 font-style屬性3.4.2 font-weight屬性3.4.3 font-variant屬性3.4.4 字體屬性的簡寫方式3.5 文本屬性3.5.1 text-indent屬性3.5.2 letter-spacing屬性3.5.3 word-spacing屬性3.5.4 text-decoration屬性3.5.5 text-align屬性3.5.6 line-height屬性3.5.7 text-transform屬性3.5.8 vertical-align屬性3.6 使用字體和文本屬性第4章 定位元素4.1 理解盒模型4.1.1 盒子的邊框4.1.2 盒子的內(nèi)邊距4.1.3 盒子的外邊距4.1.4 折疊外邊距4.2 盒子到底有多大4.3 浮動和清除4.3.1 float屬性4.3.2 clear屬性4.4 position屬性4.4.1 靜態(tài)(static)定位4.4.2 相對(relative)定位4.4.3 絕對(absolute)定位4.4.4 固定(fixed)定位4.4.5 定位環(huán)境4.5 display屬性4.6 使用position/display屬性的例子第5章 基本的頁面布局5.1 有代表性的多欄布局5.2 本書CSS庫——Stylib簡介5.3 寬度問題5.4 浮動布局與絕對定位布局5.4.1 簡單的兩欄式固定寬度布局5.4.2 理解內(nèi)部div5.4.3 防止不必要的溢出5.4.4 按照需要為內(nèi)部div添加樣式5.4.5 為文本添加樣式5.5 簡單的兩欄流動式布局5.5.1 使用一點限制5.5.2 浮動還是不要浮動5.6 三欄式固定寬度布局5.7 三欄流動式布局5.8 設(shè)計長度相同的分欄5.8.1 人造分欄5.8.2 以編程方式擴展分欄(并添加圓角)5.9 絕對定位的布局第6章 設(shè)計界面組件6.1 為表格添加樣式6.2 為表單添加樣式6.2.1 表單的工作原理6.2.2 表單的標(biāo)記6.2.3 表單的樣式6.3 為列表和菜單添加樣式6.3.1 列表6.3.2 創(chuàng)建基于CSS的菜單第7章 構(gòu)建網(wǎng)頁7.1 本書網(wǎng)站簡介7.2 設(shè)置文件夾結(jié)構(gòu)7.3 創(chuàng)建站點結(jié)構(gòu)7.3.1 從庫中復(fù)制必要的CSS文件7.3.2　@import規(guī)則7.3.3 與文本和顏色有關(guān)的樣式表7.3.4 頁面中的標(biāo)記7.3.5 背景圖像7.3.6 下拉菜單7.3.7 透明的側(cè)邊欄面板7.3.8 添加注冊表單7.3.9 文本樣式7.4 結(jié)束語附錄A XHTML標(biāo)簽參考附錄B CSS屬性參考

章節(jié)摘錄

　　第1章 XHTML：為內(nèi)容定義結(jié)構(gòu)　　1.1 Web標(biāo)準(zhǔn)　　在遵循最佳Web標(biāo)準(zhǔn)實踐的基礎(chǔ)上，像你我一樣的Web開發(fā)者能夠為所有用戶實現(xiàn)外觀和性能幾乎一致的網(wǎng)站。例如，我們可能認(rèn)為微軟的IE是大多數(shù)符合Web標(biāo)準(zhǔn)的瀏覽器中最好的。但是，不管其現(xiàn)有的優(yōu)勢怎樣，事實卻不是如此。　　根據(jù)W3C推薦規(guī)范，其他一些瀏覽器在解釋CSS方面做得很好。像PC平臺上最新版的Firefox和Opera，以及Mac平臺上的Safari和Firefox等，都能夠以幾乎一致的方式呈現(xiàn)按照CSS2規(guī)范設(shè)計的XHTML樣式。然而，微軟的IE6卻包含很多的未實現(xiàn)特性，并且還存在其他一些不標(biāo)準(zhǔn)的實現(xiàn)?！　∠鄬τ贗E6來說，微軟在2006年10月發(fā)布的IE7則有了極大的改進(jìn)。為此，我一直盼望著人們能夠迅速地從IE6切換到IE7?？墒?，根據(jù)thecounter.com的統(tǒng)計，截至2007年7月，仍然有50％的上網(wǎng)用戶使用IE6?！　?.1.1　時至今日，仍然會提到IDWIMIE　　不管怎樣，由于IE6還遲遲不肯退出歷史舞臺，我仍然會在提到某個CSS特性時告訴你IDWIMIE（音id-wimmy），即It Doesn’t Work In Microsoft Internet Explorer（它在微軟的IE中無效）?！　♂槍E（及其他較早瀏覽器）的缺點，存在一種叫做hack的解決方案。所謂hack，就是指以非標(biāo)準(zhǔn)的方式來使用CSS，以達(dá)到欺騙特定的瀏覽器，使其“看到”或忽略某些樣式的目的。創(chuàng)建hack既乏味又耗時，但只要IE6普遍存在，hack的創(chuàng)建就要持續(xù)下去?！　τ诰W(wǎng)站設(shè)計者和訪問者而言，Web標(biāo)準(zhǔn)為在所有平臺的所有瀏覽器中實現(xiàn)一致的網(wǎng)站外觀和行為提供了一種預(yù)期。雖、然這一預(yù)期還沒有實現(xiàn)，但是，每種瀏覽器都支持不同的特性集，從而導(dǎo)致結(jié)果不一致，并使得跨瀏覽器／跨平臺的Web開發(fā)效率低下、難以駕馭的時代（似乎）已經(jīng)一去不復(fù)返了。今天，Web標(biāo)準(zhǔn)已經(jīng)深入人心。

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

　　“我讀過不少同類圖書，本書顯然是設(shè)計師學(xué)習(xí)CSS的最佳起點。”　　——Harvey A.Ramer，資深Web設(shè)計師　　“還在為學(xué)習(xí)CSS而抓耳撓腮？那還等什么呢，從這本書開始吧。我在讀本書的時候，常常會恍然大悟地發(fā)出感慨：‘哦，原來別的書講的是這個意思啊?！@是你初學(xué)道路上的明燈?！薄　　狝mazon.com讀者評論

編輯推薦

　　《寫給大家看的CSS書(第2版)》適合Web開發(fā)人員閱讀和參考。　　什么，還沒有用過CSS？那你也太落伍啦。今天，CSS已經(jīng)成為Web設(shè)計與開發(fā)人員不可缺少的核心工具。通過CSS集中管理網(wǎng)頁樣式，你可以輕松控制數(shù)百甚至上千個網(wǎng)頁共享的設(shè)計方案-隨心所欲地更換主題，甚至同時實現(xiàn)網(wǎng)頁、平面等各種媒介的設(shè)計。從而顯著縮短開發(fā)周期。更酷的是，CSS還能夠?qū)崿F(xiàn)許多絢麗的、符合Web標(biāo)準(zhǔn)的動態(tài)效果。而且。CSS也是邁向Web 2.0的重要技術(shù)基礎(chǔ)之一。但是，接觸過CSS的人都知道。CSS并不那么簡單，你不僅要與以往只使用HTML設(shè)計網(wǎng)頁形成的許多錯誤觀念做斗爭。而且CSS中許多概念理解起來也絕非易事。 沒關(guān)系！在這部世界性的暢銷書中，技術(shù)專家Charles Wyke.Smith用通俗易懂的語言為讀者講解了使用CSS所需要知道的各種知識、技巧和經(jīng)驗?！秾懡o大家看的CSS書(第2版)》的組織非常人性化，層層遞進(jìn)。讀者即便沒有任何編程背景，也會在不知不覺中到達(dá)前所未有的技術(shù)秘境，將自己的Web設(shè)計水平提高到一個新的層次。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    寫給大家看的CSS書 PDF格式下載

---