CSS精粹

前言

　　在開(kāi)始寫(xiě)作前，我一直都在編寫(xiě)代碼。我以開(kāi)發(fā)網(wǎng)站和Web應(yīng)用程序?yàn)樯?，相信就像本?shū)的許多讀者一樣。我每天都在使用CSS完成工作，我知道當(dāng)項(xiàng)目需要在隔天上午交付時(shí)，哪些是真正讓人困擾的問(wèn)題?！　‘?dāng)我和那些不使用CSS或僅在簡(jiǎn)單的文字上應(yīng)用CSS的設(shè)計(jì)者和開(kāi)發(fā)者交談時(shí)，他們總是說(shuō)自己沒(méi)有時(shí)間學(xué)習(xí)這種全新的工作方式。畢竟，表格、圖形函數(shù)已經(jīng)解決了這個(gè)問(wèn)題，而且還有人買(mǎi)單。　　我很幸運(yùn)，很早就接觸到了CSS，并出于興趣開(kāi)始使用它。由于接觸得早，所以我的知識(shí)一直隨著CSS技術(shù)的發(fā)展而增長(zhǎng)，現(xiàn)在每當(dāng)面對(duì)項(xiàng)目的時(shí)候，我都能將這6年使用CSS的經(jīng)驗(yàn)利用上?！　≡诒緯?shū)中，我將嘗試傳達(dá)那些能快速、輕松地開(kāi)發(fā)網(wǎng)站和Web應(yīng)用程序的技巧與技術(shù)?！　≡诒緯?shū)中你看不到成篇的理論，相反都是一些具體的解決方案。這些解決方案不僅能讓你馬上體驗(yàn)到效果，而且還可以作為今后自己工作的起點(diǎn)。根據(jù)我的經(jīng)驗(yàn)，動(dòng)手做比閱讀學(xué)得更快些。所以當(dāng)你在本書(shū)中發(fā)現(xiàn)那些能夠幫助你構(gòu)建出網(wǎng)站并可以運(yùn)行的方案時(shí)，別忘了動(dòng)手實(shí)踐這些例子，并把它們作為學(xué)習(xí)新技術(shù)的主要手段?！　”緯?shū)的寫(xiě)作目的是使你能夠很快地找到特定CSS問(wèn)題的答案。你不需要從頭到尾地讀完全書(shū)，只需要選擇那些需要關(guān)注或感興趣的技術(shù)。同時(shí)，我為每個(gè)解決方案提供了一些解釋?zhuān)詭椭憷斫馑鼈儭＿@些知識(shí)將使你在自己需要時(shí)能夠擴(kuò)充它、實(shí)踐它。　　希望你能喜歡這本書(shū)！寫(xiě)作確實(shí)很有趣，我希望這本書(shū)除了能夠成為助你順利掌握CSS新技術(shù)的工具書(shū)之外，還能成為一本日常的參考資料。

內(nèi)容概要

　　本書(shū)采用問(wèn)答的形式，為CSS使用過(guò)程中一些有價(jià)值的經(jīng)典問(wèn)題提供了精彩的實(shí)踐解決方案。本書(shū)內(nèi)容包括文本樣式、CSS和圖像、導(dǎo)航、表格式數(shù)據(jù)、表單與用戶界面、跨瀏覽器支持技術(shù)、可用性與輔助裝置、CSS定位和布局等相關(guān)技術(shù)?！　”緯?shū)的目標(biāo)讀者是需要使用CSS的Web設(shè)計(jì)人員和開(kāi)發(fā)人員。本書(shū)通過(guò)經(jīng)典的問(wèn)題和精彩的解答將理論融于實(shí)踐，使每一個(gè)帶著問(wèn)題閱讀本書(shū)的讀者都能找到自己滿意的答案。

作者簡(jiǎn)介

Rachel Andrew是Web標(biāo)準(zhǔn)社區(qū)的領(lǐng)導(dǎo)者之一。她出版了許多與Web標(biāo)準(zhǔn)相關(guān)的書(shū)籍，其中包括十分暢銷(xiāo)的The CSS Anthology（中譯版《CSS精粹》）。她在自己供職的Web解決方案提供商edgeofmyseat.com公司中積累了豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)。

書(shū)籍目錄

第1章　CSS入門(mén)　　1.1　用CSS定義樣式　　1.2　CSS選擇器　　1.3　小結(jié)　第2章　文本樣式和基礎(chǔ)知識(shí)　　技巧1　如何用CSS替換font標(biāo)簽　　技巧2　設(shè)置字體大小時(shí)，應(yīng)該使用像素、點(diǎn)、字長(zhǎng)還是其他單位　　技巧3　如何使文字以特定字體顯示　　技巧4　如何去除鏈接中的下劃線　　技巧5　如何創(chuàng)建能在鼠標(biāo)指針懸停時(shí)變色的鏈接　　技巧6　如何使頁(yè)面中的鏈接具有兩種不同的樣式　　技巧7　如何對(duì)列表的第一個(gè)元素應(yīng)用不同的樣式　　技巧8　如何為標(biāo)題行添加背景色　　技巧9　如何為標(biāo)題行添加下劃線　　技巧10　如何去除h1元素與后續(xù)段落之間的大間隔　　技巧11　如何強(qiáng)調(diào)頁(yè)面中的文字　　技巧12　如何修改文字的行高（及縮進(jìn)）　　技巧13　如何調(diào)整文字版面　　技巧14　如何實(shí)現(xiàn)水平線樣式　　技巧15　如何實(shí)現(xiàn)文字縮進(jìn)　　技巧16　如何實(shí)現(xiàn)文字居中　　技巧17　如何使文字全部變成大寫(xiě)　　技巧18　如何改變或去除列表項(xiàng)前面的項(xiàng)目符號(hào)　　技巧19　如何為列表項(xiàng)應(yīng)用圖片式的項(xiàng)目符號(hào)　　技巧20　如何去除列表縮進(jìn)的左邊距　　技巧21　如何使列表水平顯示　　技巧22　如何為CSS文件添加注釋　　技巧23　如何去除頁(yè)邊界而不為body標(biāo)簽添加屬性　　技巧24　如何去除瀏覽器中所有元素的默認(rèn)填充和邊距　　小結(jié)　第3章　CSS和圖像　　技巧25　如何為圖像添加邊框　　技巧26　如何用CSS代替HTML所反對(duì)的為圖像定義的border屬性　　技巧27　如何用CSS為頁(yè)面設(shè)置背景圖像　　技巧28　如何設(shè)置背景圖像的位置　　技巧29　當(dāng)頁(yè)面被滾動(dòng)時(shí)，如何固定背景圖像　　技巧30　能否為任意元素設(shè)置背景圖像　　技巧31　如何將文字放在圖像的上面　　技巧32　如何為文檔添加多個(gè)背景圖像　　技巧33　如何在頁(yè)面中使用透明效果　　小結(jié)　第4章　網(wǎng)站導(dǎo)航　　技巧34　如何用CSS替代基于圖片的導(dǎo)航　　技巧35　如何通過(guò)設(shè)置結(jié)構(gòu)化列表的樣式使其變成導(dǎo)航菜單　　技巧36　如何使用CSS實(shí)現(xiàn)可翻轉(zhuǎn)的導(dǎo)航條，而無(wú)須使用圖片和JavaScript　　技巧37　使用CSS和列表能否創(chuàng)建多級(jí)導(dǎo)航系統(tǒng)　　技巧38　使用CSS和列表如何創(chuàng)建水平顯示的菜單　　技巧39　如何使用CSS創(chuàng)建按鈕風(fēng)格的導(dǎo)航條　　技巧40　使用CSS如何創(chuàng)建標(biāo)簽頁(yè)式的導(dǎo)航條　　技巧41　如何改變鼠標(biāo)指針的類(lèi)型　　技巧42　如何只使用CSS而無(wú)須JavaScript來(lái)實(shí)現(xiàn)圖像翻轉(zhuǎn)效果　　技巧43　如何創(chuàng)建純CSS實(shí)現(xiàn)的下拉菜單　　小結(jié)　第5章　表格式數(shù)據(jù)　　技巧44　使用CSS如何實(shí)現(xiàn)電子表格式的頁(yè)面布局　　技巧45　如何讓表格式數(shù)據(jù)既易于訪問(wèn)又吸引人　　技巧46　不使用border屬性如何為表格添加邊框　　技巧47　當(dāng)使用CSS添加邊框時(shí)如何去除表格單元格之間的空白　　技巧48　如何使電子表格以漂亮、實(shí)用的方式顯示　　技巧49　如何使表格中的各個(gè)行以交替顏色風(fēng)格顯示　　技巧50　如何修改當(dāng)前選中表格行的背景色　　技巧51　如何使表格中的各個(gè)列以交替顏色風(fēng)格顯示　　技巧52　如何用CSS顯示日歷　　小結(jié)　第6章　表單與用戶界面　　技巧53　如何使用CSS為表單元素設(shè)置樣式　　技巧54　如何為同一個(gè)表單中的元素應(yīng)用不同的樣式　　技巧55　如何避免表單創(chuàng)建額外的空格和換行符　　技巧56　如何使提交按鈕看起來(lái)像普通文字　　技巧57　如何確保文本設(shè)備的用戶理解表單的作用　　技巧58　如何使用CSS代替表格實(shí)現(xiàn)雙列表單布局　　技巧59　如何對(duì)相關(guān)的字段進(jìn)行分組　　技巧60　如何為快捷鍵提示信息設(shè)置樣式　　技巧61　在select菜單中，如何使用不同顏色來(lái)強(qiáng)調(diào)顯示　　技巧62　有一個(gè)類(lèi)似于電子表格的表單，如何用CSS為其設(shè)置樣式　　技巧63　如何強(qiáng)調(diào)用戶單擊的表單字段　　小結(jié)　第7章　跨瀏覽器支持技術(shù)　　技巧64　應(yīng)該在哪些瀏覽器上測(cè)試網(wǎng)站　　技巧65　如果只有一種操作系統(tǒng)，如何測(cè)試更多的瀏覽器　　技巧66　是否存在展示網(wǎng)站在不同瀏覽器中顯示效果的服務(wù)　　技巧67　在Windows中能夠同時(shí)安裝多個(gè)版本的IE嗎　　技巧68　如何讓很舊的瀏覽器顯示基本的樣式表　　技巧69　如何對(duì)特定瀏覽器隱藏某些CSS規(guī)則　　技巧70　如何給特定瀏覽器提供不同的樣式　　技巧71　如何在IE 6中實(shí)現(xiàn)alpha透明　　技巧72　什么是DOCTYPE切換，如何使用它　　技巧73　我想我發(fā)現(xiàn)了CSS的一個(gè)缺陷，該如何做呢　　技巧74　有些內(nèi)容在IE 6中時(shí)隱時(shí)現(xiàn)怎么辦　　技巧75　W3C驗(yàn)證器顯示的錯(cuò)誤和警告信息是什么意思　　小結(jié)　第8章　可用性和輔助裝置　　技巧76　如何在僅能顯示文本信息的瀏覽器中測(cè)試　　技巧77　如何用屏幕朗讀器測(cè)試網(wǎng)站　　技巧78　如何為諸如屏幕朗讀器、WebTV之類(lèi)的特定設(shè)置創(chuàng)建樣式表　　技巧79　如何創(chuàng)建打印樣式表　　技巧80　如何為網(wǎng)站添加備選的樣式表　　技巧81　如何實(shí)現(xiàn)樣式表切換器　　技巧82　如何實(shí)現(xiàn)備選樣式表中沒(méi)有重復(fù)代碼　　小結(jié)　第9章　CSS定位和布局　　技巧83　如何確定何時(shí)使用class以及何時(shí)使用ID　　技巧84　能否讓內(nèi)聯(lián)元素像塊級(jí)元素那樣顯示，反之亦然　　技巧85　CSS中的邊距和填充是如何工作的　　技巧86　不使用HTML中的align屬性如何實(shí)現(xiàn)文字信息環(huán)繞在圖像周?chē)　〖记?7　在使用float時(shí)如何避免下一個(gè)元素上移　　技巧88　若不使用表格，如何使網(wǎng)站的標(biāo)識(shí)或口號(hào)實(shí)現(xiàn)左對(duì)齊或右對(duì)齊　　技巧89　如何使用CSS設(shè)置項(xiàng)目在頁(yè)面中的位置　　技巧90　如何使塊級(jí)元素在頁(yè)面中居中顯示　　技巧91　如何創(chuàng)建一個(gè)菜單位于左端、內(nèi)容顯示在右邊的，流式的兩列布局　　技巧92　能否反轉(zhuǎn)該頁(yè)面布局，將菜單放在右邊　　技巧93　如何創(chuàng)建寬度固定、居中的兩列布局　　技巧94　如何創(chuàng)建全高度的列　　技巧95　如何在頁(yè)面布局中添加一些陰影　　技巧96　如何創(chuàng)建三列的CSS頁(yè)面布局　　技巧97　如何為流式布局添加頁(yè)腳　　技巧98　不使用表格如何顯示縮略圖庫(kù)　　技巧99　如何創(chuàng)建帶圓角的矩形　　小結(jié)　

章節(jié)摘錄

　　何時(shí)不該移除下劃線　　下劃線是所有瀏覽器均采用的一種慣例，所以用戶會(huì)期望看到鏈接擁有下劃線修飾。在一堆文字中混入去除下劃線修飾的鏈接，用戶將難以辨別哪些是真正的鏈接，而非突出顯示的文字。我反對(duì)去除文字中鏈接的下劃線修飾。其實(shí)還有一些能令鏈接看起來(lái)更吸引人的其他方式，而去除下劃線，若非必須使用則應(yīng)該盡量少使用?！　∪绻溄邮遣藛蔚囊徊糠?，或者文字還具有鏈接的其他明顯特征，例如通過(guò)CSS將文字的呈現(xiàn)效果變成了圖形按鈕，那么就另當(dāng)別論了。因?yàn)橥ㄟ^(guò)上下文就能夠明顯地看出它是鏈接，所以這時(shí)如果喜歡，就可以去除這些下劃線。　　技巧5如何創(chuàng)建能在鼠標(biāo)指針懸停時(shí)變色的鏈接　　如果當(dāng)鼠標(biāo)指針懸停在鏈接上時(shí)，其文字的顏色或外觀發(fā)生一些變化，將會(huì)是一個(gè)頗具吸引力的效果，這樣的效果放在導(dǎo)航菜單上會(huì)顯得非常有優(yōu)勢(shì)，當(dāng)然這也可以應(yīng)用于一些常規(guī)的段落文字上。

編輯推薦

　　《CSS精粹(第2版)》匯集了大量針對(duì)極具挑戰(zhàn)性的CSS問(wèn)題的最佳實(shí)踐，主要包括以下內(nèi)容：　　解決復(fù)雜的CSS問(wèn)題；　　滿足特定需要的精彩實(shí)例；　　基于最新CSS技術(shù)的實(shí)際回答；　　跨瀏覽器兼容問(wèn)題的解決方案?！　itepointSitePoint 是全球著名的Web開(kāi)發(fā)與設(shè)計(jì)類(lèi)圖書(shū)出版商，出版高品質(zhì)專(zhuān)業(yè)暢銷(xiāo)書(shū)。通過(guò)互動(dòng)、開(kāi)源、全方位的網(wǎng)站配套服務(wù)，SitePoint讓每本暢銷(xiāo)書(shū)都成為一個(gè)互動(dòng)的閱讀和代碼交流的虛擬社區(qū)。2007年，SitePoint網(wǎng)站被美國(guó)sBizMBA評(píng)為全球“最受歡迎的電子商務(wù)網(wǎng)站”第3名；2008年，SitePoint榮登hitwise．com澳大利亞計(jì)算機(jī)與Intemet類(lèi)網(wǎng)站排行榜榜首。　　專(zhuān)業(yè)技術(shù)引導(dǎo)實(shí)踐，詳盡案例精彩紛呈。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

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

---

    CSS精粹 PDF格式下載

---