CSS精粹

第1章　CSS入門　1
1.1　HTML存在的問題　1
1.2　用CSS定義樣式　2
1.3　CSS選擇符　5
1.4　小結(jié)　8
第2章　文本樣式和其他基礎(chǔ)知識(shí)　9
技巧1　如何用CSS替換字體標(biāo)記　9
技巧2　可否使用pixel、point、em或其他的單位設(shè)置字號(hào)　10
技巧3　如何指定文本以特定的字號(hào)顯示　15
技巧4　如何刪除鏈接的下劃線　16
技巧5　如何創(chuàng)建當(dāng)鼠標(biāo)滑過時(shí)改變顏色的鏈接　17
技巧6　如何在頁面上顯示兩種不同樣式的鏈接　19
技巧7　如何為標(biāo)題添加背景色　20
技巧8　如何定義帶下劃線的標(biāo)題樣式　21
技巧9　如何取消<h1>標(biāo)記與其下段落之間的較大間隙　22
技巧10　如何不用字體標(biāo)記就能突出顯示頁面中的文本　23
技巧11　如何改變文本中的行距　24
技巧12　如何水平對(duì)齊文本　25
技巧13　如何定義水平線的樣式　26
技巧14　如何縮進(jìn)文本　27
技巧15　如何使文本居中　28
技巧16　如何用CSS使文本全部變?yōu)榇髮憽?9
技巧17　如何改變或刪除列表項(xiàng)的項(xiàng)目符號(hào)　30
技巧18　如何用圖像作為列表項(xiàng)的項(xiàng)目符號(hào)　32
技巧19　如何在目錄中取消縮進(jìn)的左邊距　32
技巧20　如何水平顯示列表　33
技巧21　如何為CSS文件添加注釋　34
技巧22　如何不在主體標(biāo)記中添加屬性就能取消頁邊距　35
小結(jié)　35
第3章　CSS和圖像　36
技巧23　如何為圖像加邊框　36
技巧24　如何用CSS替換圖像上不支持的HTML邊框?qū)傩浴?8
技巧25　如何用CSS為網(wǎng)頁設(shè)置背景圖像　38
技巧26　如何定位背景圖像　40
技巧27　在文本隨著網(wǎng)頁的滾動(dòng)而移動(dòng)的時(shí)候，如何使背景圖像保持不動(dòng)　42
技巧28　如何為其他元素設(shè)計(jì)背景圖像　43
技巧29　如何將文本放置在一幅圖像的上面　46
技巧30　如何向文檔里添加一幅以上的背景圖像　47
小結(jié)　48
第4章　導(dǎo)航　49
技巧31　如何用CSS替換圖像導(dǎo)航　49
技巧32　如何像設(shè)置導(dǎo)航菜單一樣設(shè)置結(jié)構(gòu)列表的樣式　54
技巧33　如何在不使用圖像和JavaScript的情況下用CSS創(chuàng)建翻轉(zhuǎn)導(dǎo)航效果　57
技巧34　能否用CSS和目錄創(chuàng)建包含子導(dǎo)航的導(dǎo)航系統(tǒng)　58
技巧35　如何用CSS和列表創(chuàng)建水平菜單　62
技巧36　如何用CSS創(chuàng)建按鈕式的導(dǎo)航　65
技巧37　如何用CSS創(chuàng)建標(biāo)簽導(dǎo)航　67
技巧38　如何改變光標(biāo)樣式　73
技巧39　如何在CSS中不使用JavaScript創(chuàng)建翻轉(zhuǎn)效果　75
小結(jié)　78
第5章　列表數(shù)據(jù)　79
技巧40　如何用CSS布局電子數(shù)據(jù)表中的數(shù)據(jù)　80
技巧41　如何保證自己的列表數(shù)據(jù)既可用又吸引人　81
技巧42　不用HTML border屬性如何為表格添加邊框　83
技巧43　在已經(jīng)用CSS添加了邊框的情況下，如何阻止表格的各個(gè)單元間出現(xiàn)空白　85
技巧44　如何用一種吸引人的而且可用的方法來顯示電子數(shù)據(jù)表數(shù)據(jù)　86
技巧45　如何用交替的顏色顯示表格行　89
技巧46　如何在鼠標(biāo)移動(dòng)到某一表格行的上面時(shí)改變其背景顏色　92
技巧47　如何用CSS顯示日歷　94
小結(jié)　104
第6章　表單和用戶界面　105
技巧48　如何使用CSS設(shè)計(jì)表單上的元素　106
技巧49　如何對(duì)一個(gè)表單中不同的域應(yīng)用不同的樣式　109
技巧50　如何避免表單上出現(xiàn)多余的空白和裂痕　111
技巧51　如何使提交按鈕看起來像文本　112
技巧52　當(dāng)用戶使用的設(shè)備只能瀏覽文本時(shí)，如何確保這些用戶能夠理解完成表單的步驟　112
技巧53　如何用CSS代替表格設(shè)計(jì)一個(gè)含有兩列的表單　115
技巧54　如何將有關(guān)系的域組成一組　119
技巧55　如何設(shè)計(jì)快捷鍵的提示字母　123
技巧56　如何在選擇菜單中使用不同的顏色來強(qiáng)調(diào)各菜單項(xiàng)　125
技巧57　用戶往表單上輸入數(shù)據(jù)時(shí)就像往電子表格中輸入一樣，用CSS如何設(shè)計(jì)這個(gè)樣式　126
技巧58　當(dāng)用戶點(diǎn)擊時(shí)如何突出表單域　132
小結(jié)　133
第7章　瀏覽器和設(shè)備支持　134
技巧59　應(yīng)該在哪些瀏覽器中測(cè)試網(wǎng)站　135
技巧60　當(dāng)只有一個(gè)操作系統(tǒng)可以使用時(shí)，如何在很多瀏覽器上測(cè)試　136
技巧61　是否有一種服務(wù)能夠幫助用戶在各種瀏覽器中查看網(wǎng)站的運(yùn)行情況　138
技巧62　能否在Windows系統(tǒng)中安裝多個(gè)版本的IE瀏覽器　139
技巧63　如何在純文本瀏覽器中測(cè)試網(wǎng)站　141
技巧64　如何在屏幕閱讀器中測(cè)試網(wǎng)站　142
技巧65　如何在Netscape 4中隱藏CSS　143
技巧66　如何在Netscape 4中顯示各種不同的樣式　144
技巧67　如何只在第4版瀏覽器中增加一個(gè)消息，以解釋為什么網(wǎng)站看起來很普通　148
技巧68　在其他瀏覽器中如何隱藏CSS　150
技巧69　為什么網(wǎng)站在IE 6和在Mozilla中的顯示效果不一樣　154
技巧70　發(fā)現(xiàn)了一個(gè)CSS問題，怎么辦　157
技巧71　在IE 6中一些內(nèi)容有時(shí)出現(xiàn)有時(shí)消失，該怎么辦　159
技巧72　在W3C Validator中的錯(cuò)誤和警告信息是什么意思　163
技巧73　如何給一些特殊的設(shè)備(如屏幕閱讀器或網(wǎng)絡(luò)電視)創(chuàng)建樣式表　164
技巧74　如何創(chuàng)建打印樣式表　166
技巧75　一些瀏覽器允許用戶選擇樣式表，如何向網(wǎng)站添加可選擇的樣式表　173
技巧76　如何制作樣式表轉(zhuǎn)換器　176
技巧77　如果不復(fù)制代碼如何使用可選擇樣式表　179
小結(jié)　183
第8章　CSS定位和布局　184
技巧78　如何決定什么時(shí)候使用class，什么時(shí)候使用ID　184
技巧79　能否將一個(gè)內(nèi)聯(lián)元素顯示成一個(gè)塊級(jí)元素，反之是否可行　185
技巧80　在CSS中，邊界和補(bǔ)白如何設(shè)置　187
技巧81　如何不使用HTML對(duì)齊屬性使文本環(huán)繞在圖片周圍　190
技巧82　當(dāng)設(shè)置浮動(dòng)屬性時(shí)如何防止下一元素上移　192
技巧83　不使用表格如何左右對(duì)齊logo和副標(biāo)題　196
技巧84　如何使用CSS在頁面上對(duì)一個(gè)對(duì)象定位　199
技巧85　如何使塊在頁面上居中　203
技巧86　如何創(chuàng)建一個(gè)動(dòng)態(tài)的、菜單在左邊而內(nèi)容在右邊的雙欄布局　205
技巧87　能否反轉(zhuǎn)布局將菜單顯示在右側(cè)　211
技巧88　如何創(chuàng)建一個(gè)固定寬度、居中且有兩欄的布局　212
技巧89　如何創(chuàng)建一個(gè)三欄的CSS布局　222
技巧90　如何用CSS添加正常顯示的頁腳　233
技巧91　如果不使用表格如何顯示縮略圖庫　239
小結(jié)　243
第9章　實(shí)驗(yàn)、瀏覽器專用CSS和未來技術(shù)　244
技巧92　如何建立彩色滾動(dòng)條　244
技巧93　如何創(chuàng)建一個(gè)菜單，當(dāng)網(wǎng)頁在下面滾動(dòng)時(shí)它保持不動(dòng)　246
技巧94　如何讓固定的菜單在IE里工作　250
技巧95　能否用CSS創(chuàng)建保持在原位固定不動(dòng)的網(wǎng)頁腳注，使之看起來如同框架一樣　254
技巧96　能否創(chuàng)建純CSS的下拉菜單　260
技巧97　能否在CSS邊框上創(chuàng)造出圓角　266
技巧98　如何在所有的瀏覽器里用CSS制作出圓角　268
技巧99　如何讓元素在基于Mozilla的瀏覽器和IE里都是半透明的　273
技巧100　如何用CSS向訪問者指明哪些是外部鏈接　276
技巧101　能否用CSS把文本嵌入文檔里　278
技巧102　如何設(shè)定模塊的第一行或者第一個(gè)字母的樣式　279
技巧103　使用在某些瀏覽器中不能工作的效果是否是一件壞事　283
小結(jié)　283