書(shū)籍：《CSS標(biāo)準(zhǔn)網(wǎng)頁(yè)布局開(kāi)發(fā)指南》
閱讀方法：王者速讀法
閱讀目的：工作需要；專業(yè)性的知識(shí)登失，已經(jīng)閱讀過(guò)幾次，長(zhǎng)時(shí)間沒(méi)用也忘記的差不多了挖炬，需要重新拾起來(lái)揽浙，也想做一個(gè)系統(tǒng)性的筆記梳理。
第一階段，預(yù)覽
要明確目的的解決問(wèn)題
第一馅巷，想獲得什么信息膛虫。專業(yè)基礎(chǔ)知識(shí)，長(zhǎng)時(shí)間沒(méi)用钓猬，從知識(shí)稍刀、到思維都需要梳理梳理。
第二敞曹，能獲得什么信息账月。基礎(chǔ)而全面的CSS知識(shí)澳迫，簡(jiǎn)單的Web標(biāo)準(zhǔn)及XHTML書(shū)寫(xiě)規(guī)范知識(shí)局齿，配合Dreamwerver編輯工具，豐富的CSS實(shí)例及效果展示橄登。
第三抓歼，明確重點(diǎn)內(nèi)容。CSS核心知識(shí)拢锹，CSS語(yǔ)法及書(shū)寫(xiě)規(guī)范谣妻、CSS各種布局和容器屬性等；HTML各種屬性記不住不要緊卒稳，CSS核心邏輯及布局蹋半、容器原理要弄懂。
具體閱讀
1.封面展哭∨惹希「配合W3C的Web標(biāo)準(zhǔn)」，「詳細(xì)講解常用CSS屬性」匪傍，「實(shí)例豐富您市，難點(diǎn)解決，注意瀏覽器兼容性」役衡；陳剛編著茵休。
2.版權(quán)頁(yè)。2007年6月出版手蝎；內(nèi)容簡(jiǎn)介對(duì)全書(shū)內(nèi)容做了概括榕莺。
3.編輯寄語(yǔ)及前言。對(duì)全書(shū)內(nèi)容及特點(diǎn)做一個(gè)概括性闡述棵介。
4.目錄钉鸯。共13章，目錄已經(jīng)把內(nèi)容分為四大部分邮辽。第一部分第1章到第3章唠雕，CSS布局基礎(chǔ)知識(shí)贸营；第二部分第4章到第9章，CSS頁(yè)面布局技巧岩睁；第三部分第10章和第11章钞脂，整站的CSS定義技巧；第四部分第12章和第13章捕儒，實(shí)例制作冰啃。
總結(jié)：
對(duì)CSS內(nèi)容有一定的熟悉，以前已經(jīng)讀過(guò)類似的書(shū)刘莹，不過(guò)不夠系統(tǒng)和深入阎毅，需要進(jìn)行專業(yè)知識(shí)的梳理。5分鐘要瀏覽完所有的封面栋猖、前言净薛、目錄有一定的難度，尤其許多知識(shí)還不是很熟悉蒲拉，太多內(nèi)容都在目錄上了肃拜，領(lǐng)會(huì)目錄都感覺(jué)領(lǐng)會(huì)大半本書(shū)了。
第二階段雌团，快速翻閱全書(shū)
對(duì)圖表的印象
翻閱所有的書(shū)頁(yè)燃领，標(biāo)題、圖表锦援、照片等最顯眼的內(nèi)容基本都看不過(guò)來(lái)猛蔽，抽樣閱讀統(tǒng)計(jì)性整體印象，全書(shū)的圖片有圖序灵寺，也有標(biāo)題曼库，圖片基本上是實(shí)例效果圖，絕大部分內(nèi)容來(lái)不及看略板。
對(duì)章節(jié)內(nèi)容的印象
全書(shū)400多頁(yè)毁枯，5分鐘翻頁(yè)時(shí)間都不夠，基本就跟瀏覽目錄差不多叮称，一不小心容易停下來(lái)看小標(biāo)題种玛，就不能按照閱讀法要求快速地翻頁(yè)了。要說(shuō)對(duì)章節(jié)內(nèi)容的印象瓤檐，還真的不好說(shuō)赂韵，因?yàn)檎娴目床煌辏贿^(guò)來(lái)挠蛉。
總結(jié)：
書(shū)本內(nèi)容比較豐富祭示，盡管對(duì)內(nèi)容有一定的熟悉，翻頁(yè)閱讀翻都翻不過(guò)來(lái)谴古，更別說(shuō)瀏覽閱讀了绍移，這時(shí)候已經(jīng)不是抓取知識(shí)悄窃，而是通過(guò)視覺(jué)效果來(lái)使腦海的知識(shí)浮現(xiàn)出來(lái)□褰眩可以預(yù)見(jiàn)，20分鐘跳讀是沒(méi)法做到的了恩敌，必須要更多的時(shí)間來(lái)抓取重點(diǎn)內(nèi)容瞬测，系統(tǒng)性內(nèi)容，而不只是幾個(gè)單獨(dú)的知識(shí)點(diǎn)纠炮。
第三階段月趟，跳讀
第1篇 CSS布局基礎(chǔ)知識(shí)
第1章 Web標(biāo)準(zhǔn)布局的本質(zhì)
Web標(biāo)準(zhǔn)可以分為結(jié)構(gòu)標(biāo)準(zhǔn)語(yǔ)言（如HTML）、表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言（如CSS）和行為標(biāo)準(zhǔn)（如JavaScript）3個(gè)方面恢口。
比如對(duì)于網(wǎng)頁(yè)布局孝宗，傳統(tǒng)布局使用table元素進(jìn)行布局，而Web標(biāo)準(zhǔn)布局則是結(jié)構(gòu)（內(nèi)容耕肩，頁(yè)面是HTML等）和表現(xiàn)（外觀效果因妇，使用CSS來(lái)實(shí)現(xiàn)）。
重點(diǎn)：Web標(biāo)準(zhǔn)猿诸。
第2章 XHTML書(shū)寫(xiě)規(guī)范
XHTML是HTML的發(fā)展婚被，用來(lái)呈現(xiàn)網(wǎng)頁(yè)內(nèi)容文檔結(jié)構(gòu)，也是標(biāo)記語(yǔ)言梳虽，由元素和元素屬性組成址芯，語(yǔ)法結(jié)構(gòu)跟HTML差不多。
XHTML主要元素：body元素窜觉，文本元素如div谷炸、p、標(biāo)題禀挫，修飾元素如hr和img旬陡，鏈接元素a，列表元素如ul特咆，表單元素如form季惩，表格元素如table。
XHTML元素的主要屬性：每個(gè)元素都有相關(guān)的屬性腻格。
第3章 CSS基礎(chǔ)與書(shū)寫(xiě)規(guī)范
一個(gè)CSS樣式的語(yǔ)法由3部分構(gòu)成：選擇符（selectors）画拾、屬性（property）和屬性值（value）〔酥埃基本語(yǔ)法：selector{property:value}青抛。
常用的選擇符：通配選擇符（「*」）、類型選擇符（元素標(biāo)簽）酬核、包含選擇符（以空格連接）蜜另、ID選擇符（以「#」定義）适室、類選擇符（以「.」定義）、分組選擇符（以「,」分割）举瑰。
主要屬性分類：字體屬性捣辆、文本屬性、背景屬性此迅、定位屬性汽畴、尺寸屬性、布局屬性耸序、邊界屬性忍些、邊框?qū)傩浴⒀a(bǔ)白屬性坎怪、列表項(xiàng)目屬性罢坝、表格屬性。
偽類基本語(yǔ)法：selector:偽類{property:value}搅窿。
CSS選擇符的屬性具有繼承性嘁酿。
注意CSS命名規(guī)范和樣式表推薦書(shū)寫(xiě)順序。
理解CSS的塊元素和內(nèi)聯(lián)元素概念戈钢，熟記基本的塊元素和內(nèi)聯(lián)元素痹仙，記不住要懂得如何驗(yàn)證一個(gè)元素是塊元素還是內(nèi)聯(lián)元素的方法（根據(jù)原理反驗(yàn)證）。在第5章會(huì)講到殉了，CSS的塊元素和內(nèi)聯(lián)元素可以通過(guò)display屬性進(jìn)行轉(zhuǎn)換开仰。
第2篇 CSS頁(yè)面布局技巧
第4章 網(wǎng)頁(yè)頭部元素的詳細(xì)定義
網(wǎng)頁(yè)頭部元素的定義重點(diǎn)需要掌握文檔類型（DOCTYPE）的選擇、meta標(biāo)簽的定義薪铜、CSS調(diào)用的方法和優(yōu)先級(jí)問(wèn)題众弓。
在頁(yè)面中插入樣式表的方法有4種：(1)鏈入外部樣式表，基本語(yǔ)法：<link rel="stylesheet" type="text/css" href="樣式表文件的地址">隔箍；(2)內(nèi)部樣式表谓娃，基本語(yǔ)法：<style type="text/css"> selector{property:value} selector{property:value} </style>；(3)內(nèi)嵌樣式蜒滩，基本語(yǔ)法：<HTML標(biāo)記 style="property:value;…">滨达；(4)導(dǎo)入外部樣式表，使用@import聲明導(dǎo)入俯艰，很少使用捡遍。
樣式應(yīng)用的優(yōu)先級(jí)：內(nèi)嵌樣式>樣式表樣式，其原理是樣式在應(yīng)用的時(shí)候竹握，離標(biāo)簽越近的樣式優(yōu)先級(jí)越高画株，即遵循最近最優(yōu)先原則。這一點(diǎn)，最好多做幾次試驗(yàn)驗(yàn)證谓传。
選擇符優(yōu)先級(jí)：ID選擇符>類選擇符>類型選擇符蜈项。
第5章 CSS基本布局屬性
理解頁(yè)面的流結(jié)構(gòu)（元素默認(rèn)排列方式），在此基礎(chǔ)上理解浮動(dòng)屬性定位和定位屬性定位续挟。
浮動(dòng)屬性定位通過(guò)使用float屬性進(jìn)行定位紧卒。注意：float屬性是沒(méi)有繼承性的屬性。
定位屬性定位包括3個(gè)方面：定位模式（position屬性）诗祸、邊偏移（top常侦、right、bottom贬媒、left四個(gè)屬性）和層疊定位元素（z-index）。position屬性有static肘习、relative际乘、absolute、fixed幾個(gè)值漂佩，使用定位屬性定位至少要定位模式和邊偏移一起使用脖含。
難點(diǎn)：使用position定位時(shí)，水平居中和垂直居中投蝉。
頁(yè)面的背景設(shè)定通過(guò)有關(guān)背景的綜合屬性（background屬性）設(shè)定养葵，也可以分開(kāi)背景顏色、背景圖像瘩缆、背景位置关拒、背景重復(fù)等屬性進(jìn)行設(shè)定。
CSS的display屬性可以控制內(nèi)容的顯示庸娱，是一個(gè)不可繼承的屬性着绊。接第3章，CSS的塊元素和內(nèi)聯(lián)元素可以通過(guò)display屬性進(jìn)行轉(zhuǎn)換熟尉。
實(shí)踐：使用CSS和列表（ul和li）制作橫向和縱向的菜單归露，進(jìn)而制作頁(yè)面的頭部（header，一般包括菜單menu和banner兩個(gè)部分）斤儿。
第6章 CSS容器屬性
CSS的容器屬性是指CSS盒模型屬性剧包。CSS盒模型是指在CSS中所有的文檔元素都是一個(gè)矩形框，就像一個(gè)盒子往果，由內(nèi)容（width和height定義）疆液、內(nèi)邊距padding、邊框border和外邊距margin組成棚放。
拓展：盒模型和塊元素枚粘、內(nèi)聯(lián)元素的關(guān)系；自適應(yīng)原理及實(shí)現(xiàn)飘蚯。
實(shí)踐：根據(jù)盒模型馍迄，制作頁(yè)面的框架福也。
第7章 CSS定義文本屬性
掌握文本的縮進(jìn)和對(duì)齊、行高（line-height）與間隔攀圈、字體的綜合屬性暴凑、文本的修飾屬性（text-decoration）、鏈接樣式的定義赘来、水平和垂直居中等现喳。
第8章 元素的修飾和CSS常見(jiàn)應(yīng)用
掌握?qǐng)D片、表單犬辰、表格等常用元素的修飾嗦篱，掌握各種圓角框的制作和下拉菜單的實(shí)現(xiàn)。
第9章 瀏覽器及兼容問(wèn)題
掌握解決瀏覽器兼容問(wèn)題的原理幌缝。
解決瀏覽器兼容性問(wèn)題一般可以遵循兩個(gè)原理：使用CSS hack灸促；使用兼容屬性。
第3篇 整站的CSS定義技巧
第10章 關(guān)于整站樣式表的分析
主要需要掌握規(guī)劃樣式表的方法涵卵、重復(fù)使用樣式的技巧浴栽，簡(jiǎn)化頁(yè)面結(jié)構(gòu)。
規(guī)劃樣式表要遵循使用方便的原則轿偎，可以獨(dú)立一個(gè)樣式表典鸡，也可以使用多個(gè)樣式表（規(guī)劃方法）。
第11章 關(guān)于標(biāo)準(zhǔn)的校驗(yàn)
掌握標(biāo)準(zhǔn)校驗(yàn)的方法坏晦、常見(jiàn)錯(cuò)誤以及修正的方法萝玷。
標(biāo)準(zhǔn)的校驗(yàn)分為結(jié)構(gòu)（內(nèi)容）部分的校驗(yàn)和表現(xiàn)CSS校驗(yàn)。
標(biāo)準(zhǔn)的校驗(yàn)可以通過(guò)輸入網(wǎng)址英遭、上傳文件等方法在線校驗(yàn)间护，也就是通過(guò)工具來(lái)進(jìn)行校驗(yàn)。
第4篇 實(shí)例制作
第12章 一個(gè)英文網(wǎng)站的制作和第13章使用Dreamweaver制作中文網(wǎng)站挖诸，是兩個(gè)大的實(shí)例汁尺，通過(guò)實(shí)踐掌握編寫(xiě)代碼的方式、制作站點(diǎn)的流程多律、站點(diǎn)結(jié)構(gòu)痴突、樣式規(guī)劃、Dreamweaver工具的使用等知識(shí)狼荞。
總結(jié)
本書(shū)知識(shí)全面辽装，內(nèi)容豐富，知識(shí)點(diǎn)多相味，重點(diǎn)要掌握CSS基本語(yǔ)法拾积、元素屬性、盒模型、定位拓巧、布局應(yīng)用斯碌，掌握文本、鏈接等元素的修飾和菜單等網(wǎng)站組件的制作肛度，然后通過(guò)大型實(shí)例學(xué)習(xí)網(wǎng)站站點(diǎn)的制作傻唾。
特別的，本書(shū)每一章都有對(duì)一章知識(shí)點(diǎn)的說(shuō)明承耿，以及學(xué)習(xí)目標(biāo)和重點(diǎn)內(nèi)容的提示冠骄，對(duì)讀者掌握一章的內(nèi)容起到很好的指導(dǎo)作用。CSS注釋跟HTML注釋不同加袋，CSS注釋的方法為：/*需要注釋的內(nèi)容*/凛辣。
最后，應(yīng)用王者閱讀法閱讀本書(shū)职烧，我是做不到了蟀给，至少第三部分，我花了快兩個(gè)小時(shí)看完阳堕，仍然看得很粗略，不過(guò)重點(diǎn)內(nèi)容應(yīng)該是抓住了择克，感覺(jué)經(jīng)過(guò)王者閱讀法的訓(xùn)練恬总，閱讀效率還是很不錯(cuò)的。
關(guān)于王者閱讀法的實(shí)踐肚邢，還可以閱讀以下文章：
1.閱讀筆記 | 《「微信+」時(shí)代：再小的個(gè)體也有自己的品牌》
2.閱讀筆記 | 《引爆社群：移動(dòng)互聯(lián)網(wǎng)時(shí)代的新4C法則》
