CSS網(wǎng)站布局實(shí)錄

　　第1章 Web標(biāo)準(zhǔn)與CSS布局概述 1.1 Web標(biāo)準(zhǔn)的歷史及發(fā)展 1.1.1什么是Web標(biāo)準(zhǔn) 1.1.2 Web表現(xiàn)層技術(shù) 1.1.3 Web標(biāo)準(zhǔn)的歷史 1.2 Web標(biāo)準(zhǔn)的構(gòu)成 1.2.1結(jié)構(gòu)（Structure） 1.2.2表現(xiàn)（Presentation） 1.2.3行為（Behavior） 1.3 Web標(biāo)準(zhǔn)有什么好處 1.4 CSS布局與table布局的區(qū)別 1.4.1 CSS 2.0的優(yōu)勢(shì) 1.4.2傳統(tǒng)的table布局VS.CSS布局 1.5如何向標(biāo)準(zhǔn)過渡 1.5.1從HTML轉(zhuǎn)向XHTML 1.5.2發(fā)揮CSS 2.0的作用 1.6常見問題 1.6.1什么樣的網(wǎng)站才符合Web標(biāo)準(zhǔn) 1.6.2使用Web標(biāo)準(zhǔn)之后表格還有用嗎. 1.6.3可以繼續(xù)使用HTML來設(shè)計(jì)網(wǎng)頁嗎 1.6.4為什么不直接過渡到XMI 1.6.5學(xué)習(xí)CSS布局比表格難嗎 1.6.6 CSS布局是不是意味著必須手寫代碼 1.6.7什么叫網(wǎng)站重構(gòu)？ 1.6.8使用Web標(biāo)準(zhǔn)之后就不再存在兼容性問題了嗎 1.6.9有沒有Web標(biāo)準(zhǔn)方面的優(yōu)秀圖書或網(wǎng)站第2章 XHTML與CSS基礎(chǔ) 2.1 XHTML基礎(chǔ) 2.2選擇合適的doctype 2.3選擇合適的標(biāo)簽 2.4.給CSS留下接口 2.5良好的XHTML編寫習(xí)慣 2.6 CSS語法結(jié)構(gòu) 2.6.1 CSS屬性與選擇符 2.6.2類型選擇符 2.6.3群組選擇符 2.6.4包含選擇符 2.6.5 id及class選擇符 2.6.6標(biāo)簽指定式選擇符 2.6.7組合選擇符 2.6.8偽類及偽對(duì)象 2.6.9通配選擇符 2.7 CSS數(shù)值單位 2.8應(yīng)用CSS到網(wǎng)頁中 2.8.1行間樣式表 2.8.2內(nèi)部樣式表 2.8.3外部樣式表 2.9 CSS開發(fā)環(huán)境與調(diào)試環(huán)境第3章 CSS網(wǎng)頁布局 3.1認(rèn)識(shí)div 3.1.1 div是什么 3.1.2如何使用div 3.1.3理解div 3.1.4 div的并列與嵌套結(jié)構(gòu) 3.1.5使用合適的對(duì)象來布局 3.2一列固定寬度 3.3一列自適應(yīng) 3.4二列固定寬度 3.5二列寬度自適應(yīng) 3.6兩列右列寬度自適應(yīng) 3.7二列固定寬度居中 3.8三列浮動(dòng)中間列寬度自適應(yīng) 3.9高度自適應(yīng)第4章 CSS網(wǎng)站元素設(shè)計(jì) 4.1用CSS設(shè)計(jì)網(wǎng)站導(dǎo)航 4.1.1橫向?qū)Ш?4.1.2縱向?qū)Ш?4.1.3下拉及多級(jí)彈出式菜單 4.1.4門戶網(wǎng)站的導(dǎo)航設(shè)計(jì)（閃客帝國(guó)） 4.2背景控制 4.2.1背景色 4.2.2背景圖片 4.2.3背景定位 4.2.4背景滾動(dòng) 4.2.5背景屬性縮寫 4.2.6基于背景控制的導(dǎo)航優(yōu)化 4.3列表元素使用 4.3.1 ul無序列表 4.3.2 01有序列表 4.3.3改變項(xiàng)目符號(hào)樣式 4.3.4使用圖片自定義項(xiàng)目符號(hào) 4.3.5使列表變?yōu)槎温?4.3.6列表縮進(jìn)排版 4.3.7復(fù)雜列表的排版 4.4表單設(shè)計(jì) 4.4.1改變輸入框及文本域樣式 4.4.2改變下拉列表樣式 4.4.3改變按鈕樣式 4.4.4表單布局設(shè)計(jì) 4.4.5使用label標(biāo)簽提升表單可用性. 4.4.6表單設(shè)計(jì)的其他建議 4.5字體及段落樣式設(shè)計(jì) 4.5.1應(yīng)用字體樣式 4.5.2應(yīng)用段落樣式 4.6圖片樣式設(shè)計(jì) 4.6.1圖片定位 4.6.2圖片剪切 4.6.3圖片替代文本 4.7鏈接樣式的控制 4.7.1鏈接控制 4.7.2 CSS按鈕 4.7.3圖片翻轉(zhuǎn)鏈接 4.7.4面包屑導(dǎo)航鏈接第5章 CSS內(nèi)容排版 5.1文字排版 5.1.1通欄排版 5.1.2分欄排版 5.2圖文混合排版 5.2.1圖片基礎(chǔ)控制 5.2.2不規(guī)則文字環(huán)繞 5.3全圖排版 5.4表格排版 5.4.1充分使用表格對(duì)象的標(biāo)簽 5.4.2表格樣式控制 5.4.3表單表格設(shè)計(jì)第6章 CSS高級(jí)應(yīng)用與技巧 6.1 id vs class 6.1.1什么是id 6.1.2什么情況下使用id 6.1.3什么是class 6.1.4什么情況下使用class 6.1.5 id使用與網(wǎng)站結(jié)構(gòu) 6.2 div Vs span 613 CSS選擇符的命名 6.3.1大小寫敏感 6.3.2合法字符及組合 6.3.3命名建議 6.4 CSS文件結(jié)構(gòu)的設(shè)計(jì)與優(yōu)化 6.4.1導(dǎo)入 6.4.2結(jié)構(gòu) 6.5 CSS縮寫 6.5.1 font字體縮寫 6.5.2 margin與padding邊距縮寫 6.5.3 border邊框縮寫 6.5.4 list列表縮寫 6.5.5 background背景縮寫 6.5.6 color顏色縮寫 6.6 CSS代碼優(yōu)化 6.6.1增加代碼重用率 6.6.2使用樣式覆蓋進(jìn)行簡(jiǎn)化. 6.7園角樣式設(shè)計(jì) 6.8滑動(dòng)門技術(shù) 6.9小提示窗口 6.10折疊標(biāo)簽 6.11 CSS數(shù)據(jù)圖表 6.11.1初級(jí)樣式（進(jìn)度條） 6.11.2復(fù)合樣式（滑動(dòng)條） 6.11.3柱狀圖 6.12切換樣式表（網(wǎng)站換膚） 6.13 XHTML與CSS校驗(yàn) 6.13.1 XHTML校驗(yàn)器 6.13.2 CSS校驗(yàn)器 6.14 Flash如何符合標(biāo)準(zhǔn)第7章 瀏覽器兼容與解析問題 7.1 CSS hack技術(shù) 7.1.1如何使用CSS hack 7.1.2常用CSS hack使用方法 7.1.3 CSS hack管理 7.2 IE條件注釋功能 7.3盒模型問題 7.3.1盒尺寸 7.3.2盒模型hack 7.3.3簡(jiǎn)單盒模型hack方法 7.4 IE捉迷藏 7.5 ul的不同表現(xiàn) 7.6 IE 3px問題 7.7高度不適應(yīng) 7.8 IE斷頭臺(tái)問題第8章 CSS可視化開發(fā)與調(diào)試 8.1Dreamweaver 8的CSS可視化開發(fā) 8.1.1對(duì)CSS支持的界面變化 8.1.2可視CSS輔助功能 8.1.3瀏覽器檢查及驗(yàn)證標(biāo)記 8.1.4創(chuàng)建CSS布局頁面 8.2 CSS代碼調(diào)試 8.2.1安裝Firefox Web Developer 8.2.2界面總覽 8.2.3主要功能 8.3 Web Accessibility Toolbar 8.3.1安裝 8.3.2界面與功能總覽第9章 CSS布局應(yīng)用實(shí)例解析 9.1閃客帝國(guó)網(wǎng)站布局設(shè)計(jì) 9.1.1界面設(shè)計(jì) 9.1.2 CSS文件結(jié)構(gòu)設(shè)計(jì) 9.1.3首頁布局設(shè)計(jì) 9.2 Macromedia網(wǎng)站CSS分欄設(shè)計(jì)附錄A Web標(biāo)準(zhǔn)語思錄 A.1 Web上的中文排版 A.2我來說點(diǎn)兒Ajax的事兒 A.3 Web標(biāo)準(zhǔn)的思考 A.4閃客帝國(guó)網(wǎng)站重構(gòu)訪談附錄B 相關(guān)資源及術(shù)語表 B.1相關(guān)網(wǎng)站 B.2相關(guān)書籍 B.3相關(guān)工具 B.4術(shù)語表

暫缺《CSS網(wǎng)站布局實(shí)錄》作者簡(jiǎn)介