別具光芒

前言

　　隨著Web標(biāo)準(zhǔn)在國(guó)內(nèi)的逐步普及，如何結(jié)構(gòu)化和美化網(wǎng)頁(yè)是擺在每個(gè)頁(yè)面制作人員面前的問(wèn)題。而將結(jié)構(gòu)和表現(xiàn)分離，使得層疊樣式表(CSS)的重要性凸顯出來(lái)?！　”緯?shū)詳細(xì)介紹了層疊樣式表(CSS)的各屬性以及原理，同時(shí)結(jié)合大量實(shí)用的范例解釋屬性的實(shí)際用途，還分析CSS屬性在瀏覽器內(nèi)可能遇到的各種情況，提供了詳細(xì)的操作步驟，具有很強(qiáng)的實(shí)用性及參考性。在本書(shū)的最后還提供了一個(gè)網(wǎng)站布局的詳細(xì)實(shí)例，詳細(xì)演示了如何結(jié)構(gòu)化內(nèi)容以及CSS美化的實(shí)際應(yīng)用。

內(nèi)容概要

　　本書(shū)結(jié)合大量范例與實(shí)際應(yīng)用的實(shí)例，詳細(xì)介紹了W3C發(fā)布的層疊樣式表CSS　2.1規(guī)范，瀏覽器對(duì)于CSS 2.1規(guī)范解釋的異同，以及使用XHTML和層疊樣式表對(duì)網(wǎng)頁(yè)進(jìn)行結(jié)構(gòu)化與美化的實(shí)際制作方法。本書(shū)內(nèi)容由淺入深，不僅介紹了Web標(biāo)準(zhǔn)和層疊樣式表的各個(gè)屬性，還結(jié)合實(shí)例對(duì)屬性的實(shí)際應(yīng)用進(jìn)行講解，同時(shí)配合在不同瀏覽器內(nèi)的效果展示，針對(duì)讀者實(shí)際制作中可能遇到的問(wèn)題，提供了解決問(wèn)題的思路和方法。　　本書(shū)適用于希望系統(tǒng)學(xué)習(xí)CSS的初學(xué)者，也適用于從事網(wǎng)頁(yè)設(shè)計(jì)制作和網(wǎng)站建設(shè)的從業(yè)人員，也可以作為各大中專(zhuān)院校相關(guān)專(zhuān)業(yè)的教學(xué)輔導(dǎo)和參考用書(shū)，或作為相關(guān)培訓(xùn)機(jī)構(gòu)的培訓(xùn)教材。

書(shū)籍目錄

第1部分　Web標(biāo)準(zhǔn)第1章　Web標(biāo)準(zhǔn)概述　21.1　Web標(biāo)準(zhǔn)概述　31.2　表現(xiàn)與結(jié)構(gòu)的分離　31.3　易用性　41.4　難點(diǎn)所在　51.4.1　DIV+CSS不等于Web標(biāo)準(zhǔn)　51.4.2　正確使用XHTML標(biāo)簽　51.4.3　表格本身并沒(méi)有被拋棄　61.4.4　善于利用CSS　61.4.5　不要濫用class　61.4.6　應(yīng)對(duì)瀏覽器　61.4.7　“通過(guò)驗(yàn)證”并不是最終目的　71.5　SEO簡(jiǎn)介　7第2章　結(jié)構(gòu)與XHTML　92.1　理解結(jié)構(gòu)與表現(xiàn)　102.1.1　內(nèi)容　102.1.2　結(jié)構(gòu)(Structure)　112.1.3　表現(xiàn)(Presentation)　112.1.4　行為(Behavior)　122.2　從HTML到XHTML　122.2.1　HTML簡(jiǎn)史　122.2.2　HTML的缺點(diǎn)　132.2.3　從HTML到XHTML　142.3　理解(X)HTML標(biāo)簽的語(yǔ)義　182.3.1　(X)HTML與瀏覽器默認(rèn)樣式　182.3.2　常用的XHTML標(biāo)簽和屬性　192.3.3　(X)HTML各個(gè)元素對(duì)搜索引擎的權(quán)重比例　272.4　網(wǎng)站整體制作基本流程　272.4.1　總體流程與分工　272.4.2　靜態(tài)頁(yè)面制作　28第2部分　層疊樣式表CSS第3章　CSS入門(mén)　313.1　CSS簡(jiǎn)介　323.1.1　起源　323.1.2　神奇的CSS　323.1.3　CSS與HTML　333.1.4　CSS與瀏覽器　343.1.5　CSS 2.1與CSS　2　343.2　CSS的使用方法　343.2.1　行內(nèi)式樣式(Iinline Style)　353.2.2　嵌入式樣式表(Embedded Style Sheets)　353.2.3　外部樣式表(Link Style Sheets)　353.2.4　導(dǎo)入式樣式表　373.2.5　應(yīng)用　383.2.6　維護(hù)和組織樣式表　383.3　基本樣式規(guī)則　393.3.1　基本語(yǔ)法　393.3.2　繼承與層疊　403.3.3　分組　403.3.4　注釋　413.3.5　縮寫(xiě)　413.3.6　注意事項(xiàng)　433.4　元素類(lèi)型　433.4.1　替換和不可替換元素　443.4.2　顯示元素　443.5　媒體類(lèi)型　453.5.1　指定媒體相關(guān)的樣式表　453.5.2　媒體組　45第4章　文檔結(jié)構(gòu)與選擇器　474.1　文檔結(jié)構(gòu)　484.2　CSS選擇器　494.2.1　通配選擇器(Universal Selector)　494.2.2　類(lèi)型選擇器(Type Selectors)　494.2.3　ID選擇器(ID Selectors)　504.2.4　類(lèi)選擇器(Class Selectors)　504.2.5　包含選擇器(Descendant Selectors)　514.2.7　相鄰兄弟選擇器(Adjacent Sibling Selectors)　524.2.8　屬性選擇器(Attribute Selectors)　534.3　偽類(lèi)與偽元素　564.3.1　偽類(lèi)(Pseudo-Classes)　564.3.2　偽元素(Pseudo-Elements)　594.3.3　注意　614.4　指定值、計(jì)算值和實(shí)際值　624.5　繼承　634.5.1　值的繼承　624.5.2　“inherit”值　634.5.3　繼承的局限性　634.6　層疊　644.6.1　層疊的順序　644.6.2　特殊性的計(jì)算　654.6.3　繼承和特殊性　654.6.4　重要性　664.6.5　非CSS的表現(xiàn)類(lèi)內(nèi)容　664.7　CSS 3新增選擇器前瞻　674.7.1　更多的屬性選擇器　674.7.2　普通兄弟選擇器　684.7.3　結(jié)構(gòu)偽類(lèi)(Structural Pseudo-Classes)　694.7.4　UI元素偽類(lèi)和偽元素　704.7.5　其他偽類(lèi)　704.8　命名規(guī)范　714.9　選擇器綜合運(yùn)用　72第5章　單位和值　745.1　顏色　755.1.1　顏色關(guān)鍵字　755.1.2　RGB顏色　755.1.3　關(guān)鍵字transparent　775.1.4　網(wǎng)頁(yè)安全色(Web-safe Colors)　775.2　整數(shù)值和實(shí)數(shù)值　785.3　長(zhǎng)度　785.3.1　格式　785.3.2　長(zhǎng)度單位　785.3.3　應(yīng)用　805.4　百分比　805.5　關(guān)鍵字　815.6　字符串　815.7　URL+URN=URI　815.8　其他值　825.8.1　記數(shù)器　825.8.2　角度　825.8.3　時(shí)間　835.8.4　頻率　835.9　不支持的值的處理　83第6章　字體　846.1.1　語(yǔ)法　856.1.2　常用字體系列　856.2　字體尺寸：font-size屬性　876.2.1　語(yǔ)法　876.2.2　絕對(duì)尺寸　886.2.3　相對(duì)尺寸　896.2.4　百分比和em　896.2.5　尺寸的繼承與瀏覽器的顯示　906.2.6　分辨率與彈性設(shè)計(jì)　916.3　字體磅值：font-weight屬性　916.3.1　語(yǔ)法　926.3.2　繼承　926.3.3　瀏覽器顯示原理　936.4　字體樣式：font-style屬性　946.5　字體變形：font-variant屬性　956.6　縮寫(xiě)的字體屬性：font屬性　956.6.1　語(yǔ)法　956.6.2　注意　966.6.3　系統(tǒng)字體　976.7　調(diào)整與拉伸　986.7.1　字體調(diào)整：font-size-adjust屬性　986.7.2　字體伸展：font-stretch屬性　996.8　字體匹配原理　996.8.1　字體的匹配步驟　996.8.2　設(shè)定字體集的注意事項(xiàng)　1006.8.3　字體的選擇　1006.8.4　font-face規(guī)則　101第7章　文本　1027.1　文本水平對(duì)齊：text-align屬性　1037.1.1　語(yǔ)法　1037.1.2　適用于：塊級(jí)元素　1037.1.3　繼承　1047.1.4　應(yīng)用：整體居中　1047.2　文本縮進(jìn)：text-indent屬性　1057.2.1　語(yǔ)法　1067.2.2　正值縮進(jìn)　1067.2.3　負(fù)值縮進(jìn)　1077.2.4　應(yīng)用：隱藏單行文字　1077.3　行高：line-height屬性　1087.3.1　語(yǔ)法　1087.3.2　內(nèi)容區(qū)域、行內(nèi)框和行框　1097.3.4　瀏覽器的差別與錯(cuò)誤　1117.3.5　應(yīng)用：?jiǎn)涡形淖衷诖怪狈较蚓又小?127.4　垂直對(duì)齊：vertical-align屬性　1127.4.1　語(yǔ)法　1127.4.2　屬性值詳解　1137.4.3　奇怪的IE　1167.4.4　文檔類(lèi)型與純圖片內(nèi)容的垂直對(duì)齊　1167.4.5　單元格的垂直對(duì)齊　1187.5　單詞間隔(word-spacing)和字母間隔(letter-spacing)　1197.5.1　單詞間隔：word-spacing屬性　1197.5.2　字母間隔：letter-spacing屬性　1207.5.3　水平對(duì)齊的影響和繼承　1207.6　文本轉(zhuǎn)換：text-transform屬性　1217.7　文本裝飾：text-decoration屬性　1217.8　空白：white-space屬性　1237.8.1　語(yǔ)法　1237.8.2　屬性值詳解　1237.8.3　應(yīng)用：顯示不回行文本　1247.9　文本陰影：text-shadow屬性　1257.10　文字方向direction和編碼方式unicode-bidi　126第8章　框模型　1288.1框模型(Box Model)　1298.2　包含塊(Containing Block)　1318.2.1　視口(viewport)　1318.2.2　包含塊　1318.3　寬度：width屬性　1338.3.1　語(yǔ)法　1338.3.2　行內(nèi)元素的寬度　1348.3.3　長(zhǎng)度和百分比　1358.4　最大寬度(max-width)和最小寬度(min-width)　1368.5　高度：height屬性　1378.5.1　語(yǔ)法　1378.5.2　行內(nèi)元素的高度　1388.6　最大高度(max-height)和最小高度(min-height)　1388.7　補(bǔ)白：padding屬性　1408.7.1　縮寫(xiě)屬性：padding　1408.7.2　補(bǔ)白、寬度和高度　1418.7.3　百分比值補(bǔ)白　1418.8　邊框：border屬性　1428.8.1　邊框顏色　1428.8.2　邊框?qū)挾取?438.8.3　邊框樣式　1448.8.4　不同方向的邊框?qū)傩钥s寫(xiě)　1468.8.5　縮寫(xiě)屬性border　1468.8.6　行內(nèi)元素的邊框　1478.8.7　應(yīng)用：文字鏈接的裝飾　1478.9　邊距：margin屬性　1488.9.1　水平方向的邊距：margin-left屬性和margin-right屬性　1498.9.2　垂直方向的邊距：margin-top屬性和margin-bottom屬性　1508.9.3　百分比值邊距　1538.9.4　負(fù)值邊距　1548.9.5　應(yīng)用：元素水平居中　1558.10　常規(guī)流向中的視覺(jué)格式化　1568.10.1　塊級(jí)元素的水平格式化　1568.10.2　應(yīng)用：寬度自適應(yīng)的布局　1608.10.3　塊級(jí)元素的垂直格式化　1618.10.4　應(yīng)用：高度自適應(yīng)瀏覽器窗口　1638.10.5　行內(nèi)元素的格式化　164第9章　浮動(dòng)、定位與視覺(jué)格式化模型　1679.1　視覺(jué)格式化模型控制框的生成　1689.1.1　塊框的生成(block box)　1689.1.2　行內(nèi)框(inline box)　1699.1.3　插入框(run-in box)　1709.2　顯示類(lèi)型：display屬性　1709.2.1　語(yǔ)法　1719.2.2　應(yīng)用：顯示或隱藏元素　1739.3　定位　1749.3.1　選擇定位方式：position屬性　1749.3.2　設(shè)定框偏移：top、right、bottom、left屬性　1749.3.3　相對(duì)定位　1769.3.4　絕對(duì)定位　1789.3.5　堆疊順序：z-index屬性　1919.3.6　IE中的position　1949.3.7　應(yīng)用：顯示提示內(nèi)容　1959.4　浮動(dòng)與清除　1979.4.1　設(shè)定浮動(dòng)：float屬性　1979.4.2　浮動(dòng)元素的視覺(jué)格式化內(nèi)容　1989.4.3　清除浮動(dòng)：clear屬性　2049.4.4　應(yīng)用：3行3列布局設(shè)計(jì)　2079.6　溢出和剪切　2099.6.1　溢出：overflow屬性　2109.6.2　剪切：clip屬性　2129.6.3　clip與overflow屬性的關(guān)系　2149.7　可視性：visibility屬性　2159.7.1　屬性值詳解　2159.7.2　應(yīng)用：顯示及隱藏元素　216第10章　顏色與背景　21710.1　顏色基礎(chǔ)　21810.2　前景色：color屬性　21910.2.1　鏈接　22010.2.2　邊框　22110.2.3　表單元素　22110.3　背景　22210.3.1　背景顏色：background-color屬性　22210.3.2　背景圖片：background-image屬性　22310.3.3　背景圖片重復(fù)：background-repeat屬性　22410.3.4　背景圖片附屬：background-attachment屬性　22510.3.5　背景圖片定位：background-position屬性　22610.3.6　縮寫(xiě)屬性：background　23010.3.7　元素的背景　23110.4　應(yīng)用　23210.4.1　靈活使用背景　23210.4.2　模擬邊框　23310.4.3　簡(jiǎn)單的鏈接背景替換　23710.4.4　導(dǎo)航菜單的滑動(dòng)門(mén)效果　239第11章　表格　24411.1　表格的標(biāo)簽與屬性　24511.1.1　標(biāo)簽概覽　24511.1.2　(X)HTML屬性　24811.2　CSS的表格模型　25111.2.1　表格模型概述　25111.2.2　display屬性　25111.2.3　匿名表格對(duì)象　25311.2.4　列　25311.3　表格的視覺(jué)格式化　25411.3.1　匿名框、標(biāo)題框與表格框　25411.3.2　標(biāo)題的定位：caption-side屬性　25411.3.3　表格內(nèi)容的視覺(jué)布局　25511.3.4　表格的層和透明性　25611.3.5　表格寬度算法：table-layout屬性　25811.3.6　表格高度　26311.3.7　單元格內(nèi)容的對(duì)齊　26411.4　單元格邊框：border-collapse屬性　26611.4.1　分離的邊框模型　26711.4.2　重合的邊框模型　26911.4.3　邊框樣式　272第12章　列表和生成的內(nèi)容　27312.1　列表　27412.1.1　列表樣式類(lèi)型：list-style-type屬性　27412.1.2　列表樣式圖片：list-style-image屬性　27612.1.3　列表樣式定位：list-style-position屬性　27712.1.4　列表樣式縮寫(xiě)：list-style屬性　27812.1.5　瀏覽器對(duì)列表的表現(xiàn)與樣式的繼承　27812.2　生成的內(nèi)容　28012.2.1　:before和:after偽元素　28112.2.2　生成內(nèi)容：content屬性　28112.2.3　自動(dòng)記數(shù)和編號(hào)　285第13章　用戶界面　29113.1　鼠標(biāo)指針：cursor屬性　29213.1.1　關(guān)鍵字　29213.1.2　圖片鼠標(biāo)指針　29313.2　系統(tǒng)字體和顏色　29413.2.1　系統(tǒng)字體　29413.2.2　系統(tǒng)顏色　29513.3　動(dòng)態(tài)的外廓：outline屬性　29613.3.1　外廓與邊框的區(qū)別　29613.3.2　外廓寬度：outline-width屬性　29713.3.3　外廓樣式：outline-style屬性　29713.3.4　外廓顏色：outline-color屬性　29813.3.5　縮寫(xiě)：outline屬性　29813.3.6　外廓與焦點(diǎn)　299第14章　頁(yè)面媒體　300KV14.1頁(yè)面媒體簡(jiǎn)介　30114.2　指定媒體類(lèi)型　30114.3　頁(yè)框：page規(guī)則　30214.3.1　頁(yè)邊距　30214.3.2　頁(yè)面選擇器　30314.4　分頁(yè)　304L14.4.1　元素前后分頁(yè)：page-break-before和page-break-after屬性　30414.4.2　元素內(nèi)部分頁(yè)：page-break-inside屬性　30614.4.3　元素內(nèi)的分割：orphans和widows屬性　30614.4.4　分頁(yè)的規(guī)則　30814.5　CSS 2中的屬性　30914.5.1　頁(yè)框尺寸：size屬性　30914.5.2　裁切標(biāo)記：marks屬性　31014.5.3　使用命名的頁(yè)：page屬性　31014.6　顯示器、打印機(jī)和投影　31014.6.1　設(shè)備特點(diǎn)　31114.6.2　設(shè)計(jì)要點(diǎn)　311第15章　聽(tīng)覺(jué)樣式表　31315.1　聽(tīng)覺(jué)(aural)類(lèi)型與語(yǔ)音(speech)類(lèi)型　31415.1.1　鏈接聽(tīng)覺(jué)樣式的特點(diǎn)　31415.1.2　與聽(tīng)覺(jué)屬性相關(guān)的值　31415.2　音量屬性：volume屬性　31415.3　發(fā)音：speak屬性　31515.4　暫停：pause-before、pause-after和pause屬性　31615.5　提示：cue-before、cue-after和cue屬性　31715.6　混音：play-during屬性　31815.7　空間：azimuth和elevation屬性　31815.8　語(yǔ)音特征屬性　32015.9　語(yǔ)音：speak-punctuation和speak-numeral屬性　32315.10　敘述表頭：speak-header屬性　323第16章　瀏覽器與Hack　32516.1　瀏覽器簡(jiǎn)介　32616.1.1　瀏覽器的發(fā)展　32616.1.2　瀏覽器的解釋引擎　32616.1.3　瀏覽器的工作模式　32716.2　Windows IE　32916.2.1　hasLayout屬性　32916.2.2　條件注釋　33816.3　常用的CSS Hack　33916.3.1　CSS Hack原理　33916.3.2　CSS Hack不是必須的　34016.3.3　常用的CSS Hack　34016.4　發(fā)現(xiàn)與解決問(wèn)題　34316.4.1　排查問(wèn)題　34316.4.2　常見(jiàn)的非Bug問(wèn)題　34416.4.3　Windows IE常見(jiàn)Bug　347第3部分　結(jié)構(gòu)化實(shí)例第17章　旅游網(wǎng)站　35617.1　結(jié)構(gòu)化　35717.1.1　分析內(nèi)容結(jié)構(gòu)　35717.1.2　基本結(jié)構(gòu)　35817.1.3　頁(yè)首部分的結(jié)構(gòu)化　35917.1.4　中間部分的結(jié)構(gòu)化　36117.1.5　頁(yè)腳部分的結(jié)構(gòu)化　36817.2　圖片格式與網(wǎng)絡(luò)基礎(chǔ)知識(shí)　36917.2.1　圖片格式　36917.2.2　圖片與優(yōu)化　37017.3　CSS美化　37117.3.1　整體分析　37117.3.2　header層　37717.3.3　logo層　37817.3.4　mainNav層　37817.3.5　login層　38117.3.6　controlMenu層　38517.3.7　main層　39417.3.8　travels層　39517.3.9　hot層　39917.3.10　ad1層　40317.3.11　photos層　40217.3.12　forumList層　40417.3.13　forumHot層　40517.3.14　club層　41017.3.15　vote層和community層　41217.3.16　footer層　41317.4　版式與結(jié)構(gòu)　41517.5　小結(jié)　416

編輯推薦

　　《別具光芒CSS屬性、瀏覽器兼容與網(wǎng)頁(yè)布局》適用于希望系統(tǒng)學(xué)習(xí)CSS的初學(xué)者，也適用于從事網(wǎng)頁(yè)設(shè)計(jì)制作和網(wǎng)站建設(shè)的從業(yè)人員，也可以作為各大中專(zhuān)院校相關(guān)專(zhuān)業(yè)的教學(xué)輔導(dǎo)和參考用書(shū)，或作為相關(guān)培訓(xùn)機(jī)構(gòu)的培訓(xùn)教材。　　全新的圖文結(jié)合方式，全面展現(xiàn)了網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中的細(xì)節(jié)處理　　作者繼《別具光芒：Div+CSS網(wǎng)頁(yè)布局與美化》推出的圖書(shū)　　作者在網(wǎng)站上提供相關(guān)代碼、實(shí)例源文件。

圖書(shū)封面

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

無(wú)

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

---

    別具光芒 PDF格式下載

---