CSS從入門到精通

前言

　　出版者的話　　近年來我國IT產(chǎn)業(yè)發(fā)展迅猛，IT從業(yè)人數(shù)也不斷增多，越來越多的人開始學(xué)習(xí)計(jì)算機(jī)技術(shù)。而作為計(jì)算機(jī)核心技術(shù)之一的程序設(shè)計(jì)更是受到了很多人的青睞，尤其是年輕人。如今很多年輕人開始學(xué)習(xí)編程，以使得自己在未來的職業(yè)生涯中更有競爭力?！　〉芏嗳藙傞_始學(xué)習(xí)時(shí)總覺得不得要領(lǐng)，感覺有一堵無形的墻豎在面前而無法逾越。究其原因是學(xué)習(xí)方法或者思路有問題所致。作為自學(xué)人員，學(xué)編程首先需要一本好書，適合自己閱讀的書，這樣才不至于走彎路，學(xué)習(xí)效果也好。然而圖書市場上的圖書雖然很多，但要真想找本很好的入門編程書卻并不容易，很多書都是寫給專家看的，把真正需要學(xué)習(xí)的人都給擋在了門外?；谶@種原因，我們策劃了這套《程序員書庫》叢書，希望能降低讀者學(xué)習(xí)編程的門檻，帶領(lǐng)讀者快速跨入編程的大門?！　矔瑫俊　　禞ava從入門到精通》　　《C++從入門到精通》　　《PHP從入門到精通》　　《Visual C++從入門到精通》　　《Visual Basic從入門到精通》　　《ASP.NET從入門到精通》　　《Linux編程從入門到精通》　　《JavaScript從入門到精通》　　《CSS從入門到精通》　　《ActionScript 3.0從入門到精通》　　《Excel VBA從入門到精通》　　《SQL Server 2008從入門到精通》　　叢書主要特色　　1．由淺入深講解到位，輕松入門　　本叢書對內(nèi)容的講解都是從最基本的配置和概念講起，然后層層深入，最后還安排了綜合案例，很適合讀者學(xué)習(xí)，可以達(dá)到輕松入門、快速提高的效果?！　?．程序代碼詳盡注釋，易于理解　　書中給出了典型的程序代碼，而且對這些代碼都進(jìn)行了詳盡的注釋，讀者閱讀起來很容易理解，這對理解編程有很大的幫助?！　?．以大量實(shí)例為示范，快速掌握　　無論是對基本的語法講解，還是應(yīng)用開發(fā)，書中都列舉了大量實(shí)例，最后還提供了綜合實(shí)例，非常實(shí)用，讀者可以通過這些例子很快掌握所學(xué)內(nèi)容，學(xué)習(xí)效果好?！　?．多媒體視頻講解，加速學(xué)習(xí)　　叢書的每本書都配專門制作的多媒體學(xué)習(xí)光盤，方便讀者學(xué)習(xí)，另外也提供了書中所涉及的源代碼，以方便讀者使用?！　?．完善的售后服務(wù)，后顧無憂　　本叢書提供技術(shù)論壇（http：//www.rzchina.net）和QQ群（QQ群號(hào)：21948169）答疑，讀者可以在上面提問和交流?！　矔m合的讀者對象　　本叢書定位于如下沒有編程基礎(chǔ)的入門人員?！　? 自學(xué)編程的入門人員。　　? 各類程序設(shè)計(jì)愛好者。　　? 想學(xué)習(xí)一門技術(shù)以便找工作的人員。　　? 做課題設(shè)計(jì)和畢業(yè)設(shè)計(jì)的學(xué)生。　　? 需要迅速掌握一門編程語言的人員。　　? 大中專院?；螂娔X學(xué)校的學(xué)生?！　W(xué)習(xí)建議　　學(xué)習(xí)編程并不是想象的那么難，關(guān)鍵是要有合適的教程和正確的學(xué)習(xí)方法。如果您已經(jīng)選擇了這套書，那么恭喜您已經(jīng)解決了第一個(gè)問題。但我們還有如下建議。　　? 入門人員自然按書中安排的順序閱讀最好。　　? 如果你有一定的基礎(chǔ)，那也不妨跳躍式閱讀，選擇閱讀?！　? 先弄懂書中的內(nèi)容，然后可以適當(dāng)拓展?！　? 要勤思考，多動(dòng)手，必要時(shí)一定要上機(jī)操作。　　? 要學(xué)會(huì)利用網(wǎng)絡(luò)資源，經(jīng)常光顧各技術(shù)論壇，有不懂的地方可以利用百度來搜索解決方法?！　∠Ｍ@套書能成為您初學(xué)編程的良師益友，能帶您輕松跨入編程的大門，并逐步成為編程高手。

內(nèi)容概要

　　《CSS從入門到精通》共分為四篇，循序漸進(jìn)的講述了網(wǎng)頁基礎(chǔ)知識(shí)和CSS布局的實(shí)戰(zhàn)技術(shù)，從基本概念到具體實(shí)踐、從對網(wǎng)頁的認(rèn)識(shí)到制作網(wǎng)頁、從使用CSS進(jìn)行網(wǎng)頁局部的設(shè)計(jì)到進(jìn)行整個(gè)網(wǎng)站的布局制作都進(jìn)行了詳細(xì)的闡述，并對具體知識(shí)點(diǎn)進(jìn)行了詳細(xì)的實(shí)例講解。　　本書內(nèi)容豐富，注重思維方法的轉(zhuǎn)變和提高實(shí)際操作能力，以最簡單的方法介紹使用CSS進(jìn)行符合Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)和技巧。全書以CSS布局為主體內(nèi)容，探討CSS布局的入門知識(shí)與網(wǎng)站布局實(shí)戰(zhàn)技巧、版式布局到細(xì)節(jié)、瀏覽器兼容性等，幫助讀者改變傳統(tǒng)的網(wǎng)站設(shè)計(jì)思維，進(jìn)入基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)領(lǐng)域。本書含有大量實(shí)例，詳細(xì)描述各個(gè)CSS屬性，以及代碼編寫技巧，方便讀者模擬實(shí)踐。本書適合將要學(xué)習(xí)或者正在學(xué)習(xí)使用CSS布局技術(shù)的用戶閱讀，并可作為Web前端代碼架構(gòu)的從業(yè)人員的參考手冊。

作者簡介

　　本叢書的作者團(tuán)隊(duì)對計(jì)算機(jī)程序設(shè)計(jì)類圖書市場有很好的敏感性，對出版動(dòng)態(tài)有準(zhǔn)確的把握，對計(jì)算機(jī)技術(shù)的發(fā)展進(jìn)行長期跟蹤。該團(tuán)隊(duì)長期以來致力于計(jì)算機(jī)圖書的內(nèi)容提供和策劃，已經(jīng)出版的多個(gè)系列圖書都在計(jì)算機(jī)圖書市場上有良好的口碑，都曾經(jīng)引領(lǐng)了當(dāng)年的計(jì)算機(jī)程序設(shè)計(jì)暢銷書。

書籍目錄

第一篇　基礎(chǔ)知識(shí)篇第1章　與網(wǎng)頁有關(guān)的基本概念 31.1　網(wǎng)頁的基本構(gòu)成 31.2　網(wǎng)頁的結(jié)構(gòu)設(shè)計(jì)——HTML與XHTML 41.2.1　認(rèn)識(shí)HTML 51.2.2　認(rèn)識(shí)XHTML 51.2.3　制作一個(gè)簡單的XHTML網(wǎng)頁 61.2.4　XHTML的優(yōu)勢 71.3　CSS入門 81.3.1　感性體驗(yàn)CSS的魅力 81.3.2　CSS的概念 111.3.3　CSS的特點(diǎn) 111.3.4　CSS的優(yōu)勢 121.3.5　發(fā)揮CSS的優(yōu)勢 121.4　Web標(biāo)準(zhǔn) 131.4.1　什么是Web標(biāo)準(zhǔn) 141.4.2　Web標(biāo)準(zhǔn)的構(gòu)成 141.4.3　Web標(biāo)準(zhǔn)的表現(xiàn)層技術(shù) 151.5　CSS+DIV建設(shè)網(wǎng)站 151.5.1　CSS+DIV的含義 151.5.2　CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢 151.6　小結(jié) 16第2章　CSS基礎(chǔ)知識(shí) 182.1　CSS的基本語法 182.1.1　CSS的基本語法構(gòu)成 182.1.2　一個(gè)CSS樣式的簡單實(shí)例 182.2　CSS的選擇符 192.2.1　類型選擇符 202.2.2　群組選擇符 202.2.3　包含選擇符 202.2.4　id、class選擇符 212.2.5　標(biāo)簽指定式選擇符 222.2.6　組合選擇符 222.2.7　偽類和偽對象 232.2.8　通配選擇符 232.3　CSS的常用屬性及屬性值 242.3.1　color顏色屬性 242.3.2　常用CSS長度單位 252.3.3　百分比值 262.3.4　URL路徑 262.4　CSS的繼承性 272.5　CSS的添加方法 282.5.1　在XHTML標(biāo)識(shí)符里添加CSS 282.5.2　在XHTML頭信息標(biāo)識(shí)符里添加CSS 282.5.3　鏈接樣式表 292.5.4　聯(lián)合使用樣式表 302.6　CSS的開發(fā)環(huán)境 312.6.1　編輯軟件 312.6.2　瀏覽軟件 322.7　小結(jié) 33第3章　XHTML與Javascript基礎(chǔ) 353.1　XHTML基礎(chǔ)知識(shí) 353.1.1　XHTML的格式文件 353.1.2　XHTML基本結(jié)構(gòu) 363.1.3　XHTML網(wǎng)頁實(shí)例 393.2　XHTML的語法構(gòu)成 403.2.1　XHTML中的標(biāo)簽 403.2.2　XHTML的標(biāo)簽屬性 413.3　XHTML的語法規(guī)范 423.3.1　標(biāo)簽不能重疊，可以嵌套 423.3.2　XHTML文件一定要有正確的組織格式 423.3.3　標(biāo)簽名字一定要用小寫字母 433.3.4　所有的 XHTML 元素一定要關(guān)閉 433.3.5　獨(dú)立的一個(gè)標(biāo)簽也要結(jié)束用 />來結(jié)束 433.4　div標(biāo)簽 433.4.1　什么是div 443.4.2　理解div 443.4.3　使用div 463.4.4　div的并列與嵌套 463.5　span標(biāo)簽 473.5.1　什么是span 473.5.2　span與div的區(qū)別 473.6　h1至h6標(biāo)簽 493.7　列表制作標(biāo)簽ul、ol、li 493.7.1　ul無序列表 503.7.2　ol有序列表 513.8　p標(biāo)簽和br標(biāo)簽 513.8.1　p標(biāo)簽 513.8.2　br標(biāo)簽 523.9　img標(biāo)簽 533.9.1　img標(biāo)簽的屬性 533.9.2　img標(biāo)簽使用方法 533.10　表單標(biāo)簽 543.10.1　form標(biāo)簽 543.10.2　input標(biāo)簽 543.10.3　分組標(biāo)簽fieldset、legend 563.11　JavaScript簡介 573.12　JavaScript語言基礎(chǔ) 583.12.1　插入JavaScript 583.12.2　基本語法 593.12.3　變量和數(shù)據(jù)類型 593.12.4　語句 603.13　JavaScript的對象及其屬性和方法 633.14　事件處理 643.14.1　事件處理的類型 643.14.2　指定事件處理 643.15　小結(jié) 65第4章　瀏覽器的兼容與解析問題 674.1　兼容問題的由來 674.2　需要兼容的常用瀏覽器 674.3　CSS hack技術(shù) 684.3.1　什么是CSS hack 684.3.2　使用CSS hack 694.4　常用CSS hack方法介紹 694.4.1　屏蔽IE 6瀏覽器 704.4.2　僅IE 7識(shí)別 714.4.3　僅IE 6識(shí)別 714.4.4　僅IE識(shí)別 724.4.5　兼容IE 6、IE 7、Firefox瀏覽器 734.5　CSS hack管理 754.6　IE條件注釋功能 764.7　小結(jié) 76第二篇　實(shí)例制作篇第5章　使用CSS制作背景 815.1　制作顏色背景 815.2　給元素添加背景圖片 825.2.1　指定背景圖像 835.2.2　制作重復(fù)的背景圖像 855.3　制作不動(dòng)的背景 865.4　給網(wǎng)頁添加背景 895.5　制作滾動(dòng)的背景 915.6　綜合使用背景 925.7　小結(jié) 94第6章　使用CSS布局頁面頂部內(nèi)容 956.1　制作包含文本logo的頁面頂部 956.2　制作包含圖像logo的頁面頂部 976.2.1　制作實(shí)例 986.2.2　兼容問題 1006.3　制作包含文本banner的頁面頂部 1026.3.1　圖片logo的定位 1036.3.2　定義快捷方式的文本樣式 1056.3.3　定義段落文本banner樣式 1076.4　制作包含圖像banner的頁面頂部 1086.5　小結(jié) 112第7章　使用CSS制作網(wǎng)站導(dǎo)航 1147.1　制作一個(gè)簡單的橫向文字導(dǎo)航條 1147.2　制作方塊導(dǎo)航條 1177.3　制作標(biāo)簽式導(dǎo)航 1197.4　制作按鈕導(dǎo)航條 1227.5　CSS盒模型及盒模型hack 1267.5.1　盒模型尺寸 1267.5.2　盒模型hack 1287.5.3　簡單盒模型hack方法 1297.6　制作會(huì)動(dòng)的長城型導(dǎo)航條 1307.7　制作基于背景控制的導(dǎo)航條 1357.8　制作左右自由伸展的導(dǎo)航條 1387.8.1　九宮格技術(shù)原理 1397.8.2　制作自由伸展的導(dǎo)航條實(shí)例 1417.9　制作一個(gè)簡單的縱向?qū)Ш綏l 1447.9.1　使用ul、li列表標(biāo)簽制作導(dǎo)航條 1457.9.2　使用div+h1標(biāo)簽制作 1457.10　制作分行導(dǎo)航條 1487.11　制作增亮導(dǎo)航條 1497.12　制作動(dòng)感的導(dǎo)航條 1517.13　制作下拉式導(dǎo)航條 1557.13.1　制作實(shí)例 1557.13.2　兼容問題 1597.14　制作多級(jí)彈出導(dǎo)航條 1607.14.1　制作實(shí)例 1607.14.2　兼容問題 1657.15　小結(jié) 167第8章　使用CSS制作列表 1698.1　制作新聞列表 1698.1.1　制作實(shí)例 1708.1.2　兼容問題 1738.2　制作排行榜 1748.3　制作自定義圖片項(xiàng)目符號(hào)的列表 1778.3.1　使用列表符號(hào)樣式屬性制作列表 1778.3.2　使用背景圖片屬性制作列表符號(hào) 1808.3.3　兼容問題 1818.4　使用CSS改變列表排版 1828.5　列表縮進(jìn)排版 1868.5.1　制作實(shí)例 1868.5.2　兼容問題 1898.6　復(fù)雜列表排版 1918.6.1　overflow屬性語法結(jié)構(gòu) 1918.6.2　制作實(shí)例 1918.6.3　兼容問題 1968.7　小結(jié) 198第9章　使用CSS制作表單 2009.1　制作登錄表單 2009.1.1　label標(biāo)簽語法結(jié)構(gòu) 2019.1.2　制作登錄表單實(shí)例 2019.1.3　兼容問題 2049.2　制作用戶注冊表單 2059.2.1　制作頁面的XHTML代碼 2069.2.2　制作頁面的CSS樣式 2089.3　制作符合W3C標(biāo)準(zhǔn)的表單 2139.3.1　制作頁面的XHTML代碼 2139.3.2　制作頁面的CSS樣式 2169.3.3　兼容問題 2249.4　小結(jié) 224第10章　使用CSS制作內(nèi)容的版式 22610.1　制作分欄的文字排版 22610.2　制作圖文混合排版 22810.2.1　圖文混排基本方式 22810.2.2　制作網(wǎng)站圖文混排版式的實(shí)例 23010.3　制作全圖排版的實(shí)例 23510.3.1　自由浮動(dòng)布局 23510.3.2　其他顯示方式布局 24010.4　小結(jié) 242第11章　使用CSS制作鏈接樣式 24311.1　制作Windows風(fēng)格樣式的CSS按鈕 24311.1.1　仿Windows經(jīng)典樣式的CSS按鈕 24311.1.2　仿Windows XP風(fēng)格的CSS按鈕 24411.2　制作仿按鈕下陷效果的實(shí)例 24511.3　面包屑導(dǎo)航鏈接 24611.3.1　制作實(shí)例 24711.3.2　兼容問題 24911.4　小結(jié) 250第12章　使用CSS制作數(shù)據(jù)表格 25212.1　制作基本的數(shù)據(jù)表格 25212.1.1　表示數(shù)據(jù)的表格對象標(biāo)簽 25212.1.2　使用表格標(biāo)簽制作表格 25212.1.3　使用CSS修飾表格樣式 25412.2　制作CSS風(fēng)格的數(shù)據(jù)表格 25812.2.1　表格對象標(biāo)簽屬性 25812.2.2　CSS屬性text-transform 25912.2.3　制作數(shù)據(jù)表格實(shí)例 25912.3　小結(jié) 266第13章　使用CSS制作頁面底部內(nèi)容 26713.1　制作文本信息的頁面底部內(nèi)容 26713.1.1　a標(biāo)簽的title屬性 26713.1.2　制作包含文本信息的頁面底部XHTML結(jié)構(gòu)代碼 26713.1.3　制作頁面的CSS樣式 26813.1.4　兼容問題 27213.2　制作包含導(dǎo)航鏈接的頁面底部內(nèi)容 27313.2.1　制作包含導(dǎo)航鏈接頁面底部的XHTML代碼結(jié)構(gòu) 27313.2.2　制作頁面的CSS樣式 27413.3　制作包含圖像友情鏈接的頁面底部內(nèi)容 27813.3.1　制作頁面底部的XHTML結(jié)構(gòu) 27813.3.2　制作頁面的CSS樣式 27913.4　小結(jié) 282第三篇　整體布局篇第14章　CSS基本布局 28714.1　一列固定寬度 28714.2　一列寬度自適應(yīng) 28814.3　一列居中 29014.4　二列固定寬度 29214.5　二列寬度自適應(yīng) 29314.6　兩列右列寬度自適應(yīng) 29414.7　兩列固定寬度居中 29714.8　三列浮動(dòng)中間列寬度自適應(yīng) 29914.9　高度自適應(yīng) 30214.10　小結(jié) 303第15章　CSS整體布局的實(shí)現(xiàn) 30515.1　頂行三列布局的實(shí)現(xiàn) 30515.1.1　制作思路 30615.1.2　制作頂部三列式布局實(shí)例 30715.2　多區(qū)域不規(guī)則布局 30915.2.1　制作思路 31015.2.2　制作多區(qū)域不規(guī)則布局的實(shí)例 31315.3　小結(jié) 316第16章　使用Dreamweaver制作頁面的實(shí)例 31716.1　框架設(shè)計(jì) 31716.1.1　頁面分析 31816.1.2　框架制作 31916.1.3　切圖 32316.2　布局設(shè)計(jì) 32616.2.1　頁面頂部布局設(shè)計(jì) 32716.2.2　頁面中上部的布局設(shè)計(jì) 32916.2.3　頁面中下部的布局設(shè)計(jì) 33216.2.4　頁面底部的布局設(shè)計(jì) 33616.3　模塊設(shè)計(jì) 33816.3.1　快速導(dǎo)航制作 33816.3.2　“面包屑”制作 34116.3.3　數(shù)據(jù)表格制作 34216.3.4　圖片排版 34516.4　兼容性測試 34816.5　小結(jié) 350第四篇　綜合應(yīng)用篇第17章　博客類網(wǎng)頁布局設(shè)計(jì) 35317.1　頁面布局和規(guī)劃 35417.1.1　界面設(shè)計(jì)分析 35417.1.2　規(guī)劃頁面布局 35417.2　CSS結(jié)構(gòu)設(shè)計(jì)與整體布局設(shè)計(jì) 35617.2.1　CSS結(jié)構(gòu)設(shè)計(jì) 35617.2.2　整體布局設(shè)計(jì) 35717.3　頁面頭部布局設(shè)計(jì) 36017.3.1　制作頭部的結(jié)構(gòu)代碼 36017.3.2　編寫頭部的CSS代碼 36117.4　日志部分的布局設(shè)計(jì) 36317.4.1　制作日志部分的結(jié)構(gòu)代碼 36417.4.2　編寫日志部分的CSS代碼 36517.5　邊欄區(qū)域的布局設(shè)計(jì) 36917.5.1　制作邊欄區(qū)域的結(jié)構(gòu)代碼 36917.5.2　編寫右邊欄區(qū)域的CSS代碼 37017.6　頁面底部的布局設(shè)計(jì) 37217.6.1　制作底部的結(jié)構(gòu)代碼 37217.6.2　編寫底部的CSS代碼 37317.7　小結(jié) 374第18章　企業(yè)類網(wǎng)頁布局設(shè)計(jì) 37518.1　頁面布局和規(guī)劃 37518.1.1　界面設(shè)計(jì)分析 37618.1.2　規(guī)劃頁面布局 37718.2　CSS結(jié)構(gòu)設(shè)計(jì)與整體布局設(shè)計(jì) 37818.2.1　CSS文件結(jié)構(gòu)設(shè)計(jì) 37818.2.2　首頁布局設(shè)計(jì) 37918.3　頁面頭部布局設(shè)計(jì) 38118.3.1　制作頭部的結(jié)構(gòu)代碼 38118.3.2　編寫頭部的CSS樣式 38218.4　頁面banner區(qū)域的布局設(shè)計(jì) 38318.4.1　制作banner區(qū)域主體的布局設(shè)計(jì) 38318.4.2　制作banner區(qū)域各個(gè)元素的布局設(shè)計(jì) 38418.5　頁面主內(nèi)容區(qū)的布局設(shè)計(jì) 38918.5.1　制作頁面主內(nèi)容區(qū)結(jié)構(gòu) 38918.5.2　編寫CSS樣式 39018.6　頻道頁面布局設(shè)計(jì)概述 39318.7　小結(jié) 394

章節(jié)摘錄

　　在當(dāng)前如火如荼的Web 2.0新浪潮中，一切基于Web標(biāo)準(zhǔn)。人們常常把Web 2.0描述為“作為平臺(tái)的網(wǎng)絡(luò)”，把網(wǎng)絡(luò)看成是一個(gè)內(nèi)容互動(dòng)的平臺(tái)之后，我們很容易發(fā)現(xiàn)這種變化對于網(wǎng)頁設(shè)計(jì)的重大影響。想象一下，當(dāng)來自不同領(lǐng)域的不同群體（公司、個(gè)人、政府等）存儲(chǔ)了一系列數(shù)據(jù)之后，我們便能通過一個(gè)接口將信息混合，這一點(diǎn)是任何單一傳統(tǒng)網(wǎng)站都不可能做到的。因此，這就使得Web 2.0網(wǎng)站必然有別于以前傳統(tǒng)的網(wǎng)站，也優(yōu)于傳統(tǒng)網(wǎng)站。　　Web 2.0的網(wǎng)站更趨向于風(fēng)格和結(jié)構(gòu)的分離，隨著CSS的流行，人們通過添加一個(gè)定義了風(fēng)格信息的獨(dú)立CSS文件實(shí)現(xiàn)了頁面風(fēng)格和結(jié)構(gòu)的分離。Web 2.0的網(wǎng)站更提倡使用語義標(biāo)記語言編寫頁面代碼。這些標(biāo)記語言并非完全沒有語義能力，設(shè)計(jì)師們用它們能夠描述頁面。對于Web 2.0來說，對頁面的描述不僅是一項(xiàng)需求，它是實(shí)現(xiàn)Web 2.0的關(guān)鍵?！　”緯且槐局v述基于Web標(biāo)準(zhǔn)，使用標(biāo)記語言XHTML和CSS樣式層疊表，實(shí)現(xiàn)風(fēng)格和結(jié)構(gòu)的相分離，并講解網(wǎng)站布局實(shí)例的書?！　」P者精心編寫此書，目的是一步步的告訴大家如何開始新的、符合Web標(biāo)準(zhǔn)的CSS布局設(shè)計(jì)。本書的重點(diǎn)放在實(shí)例制作中，在制作實(shí)例的過程中，同時(shí)講解CSS樣式，將知識(shí)點(diǎn)的學(xué)習(xí)融入在實(shí)踐之中，有目的地學(xué)習(xí)必要的CSS屬性。筆者結(jié)合自己多年在Web前端代碼架構(gòu)的工作實(shí)踐的經(jīng)驗(yàn)，為廣大喜愛或渴望從事Web前端代碼架構(gòu)的朋友介紹制作符合Web標(biāo)準(zhǔn)頁面的各種技巧。　　本書特點(diǎn)　　本書作者是在國內(nèi)綜合門戶網(wǎng)站從業(yè)的經(jīng)驗(yàn)豐富的設(shè)計(jì)師。本書結(jié)合目前流行的網(wǎng)站制作實(shí)例，深入淺出地講解了網(wǎng)站制作中各種常用的XHTML標(biāo)簽和CSS屬性。在代碼講解過程中，筆者還結(jié)合自己在Web前端代碼架構(gòu)的從業(yè)經(jīng)驗(yàn)，深入講解了定義CSS屬性的各種技巧。在每章的最后，還有對這一章講到的知識(shí)點(diǎn)進(jìn)行的歸納總結(jié)，使讀者能夠理清學(xué)習(xí)的重點(diǎn)，有重點(diǎn)地掌握CSS屬性?！　”緯w了制作網(wǎng)站過程中常用的XHTML標(biāo)簽和CSS屬性，并且通過實(shí)例，講解了網(wǎng)站各個(gè)部分和各種布局的實(shí)現(xiàn)方法。在制作實(shí)例的過程中，穿插了大量實(shí)用的CSS屬性的使用方法，便于讀者在使用中完成技能的提高和升華。　　本書的特點(diǎn)主要體現(xiàn)在以下幾個(gè)方面?！　”緯ㄟ^常用的網(wǎng)站實(shí)例，系統(tǒng)全面地講解了常用的XHTML標(biāo)簽和CSS屬性的使用方法，方便讀者自己進(jìn)行實(shí)踐和演練。所有的實(shí)例制作方法，均可以在實(shí)際制作過程中直接使用，或者根據(jù)自己的實(shí)際情況進(jìn)行調(diào)整，方便讀者在實(shí)際工作中的使用?！　”緯v解基礎(chǔ)的CSS和XHTML使用方法外，還適當(dāng)加入目前流行的Web標(biāo)準(zhǔn)理論的思想，介紹如何使用CSS實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離，使讀者在制作符合Web 2.0網(wǎng)站的時(shí)候有理可依?！　”緯Y(jié)合筆者多年在大型門戶網(wǎng)站W(wǎng)eb前端代碼架構(gòu)的經(jīng)驗(yàn)，深入淺出地介紹CSS屬性在實(shí)踐中的應(yīng)用，并在每章的最后對本章所涉及到的CSS屬性進(jìn)行了歸納總結(jié)，使讀者能夠理清學(xué)習(xí)的重點(diǎn)，有重點(diǎn)的掌握CSS屬性?！　”緯谥v解網(wǎng)站制作實(shí)例的過程中，融入了筆者多年工作的經(jīng)驗(yàn)，對很多問題提出了自己獨(dú)到的見解。這些見解都是在實(shí)踐的基礎(chǔ)上總結(jié)出來的，能夠幫助和啟發(fā)讀者拓展思路，同時(shí)也能指導(dǎo)讀者在學(xué)習(xí)過程中對具體問題進(jìn)行具體分析。　　本書中列舉了世界上各國的優(yōu)秀網(wǎng)頁，并且突出介紹這些網(wǎng)頁的各自特點(diǎn)，并講解了怎樣借鑒它們各自的優(yōu)點(diǎn)，改進(jìn)我們制作網(wǎng)頁的方法?！　”緯木幣挪捎醚驖u進(jìn)的方式，適合初級(jí)、中級(jí)學(xué)者逐步掌握運(yùn)用XHTML和CSS制作Web標(biāo)準(zhǔn)的網(wǎng)站的基本方法?！　”緯乃欣?、源代碼和各種免費(fèi)工具都附在隨書光盤中，方便讀者使用?！　”緯鴥?nèi)容　　全書分為四篇，共18章，分別為網(wǎng)頁的基本概念、CSS基礎(chǔ)知識(shí)、XHTML基礎(chǔ)知識(shí)和布局基礎(chǔ)、瀏覽器兼容問題解決方法、CSS網(wǎng)頁實(shí)例制作、CSS基本布局方法、CSS整體布局以及CSS布局綜合應(yīng)用的網(wǎng)站制作實(shí)例等，基礎(chǔ)知識(shí)全面，實(shí)例實(shí)用，講解透徹?！　〉谝黄ǖ?章～第4章）CSS布局的基礎(chǔ)知識(shí)篇?！　≈v述了CSS布局的基礎(chǔ)知識(shí)，包括網(wǎng)頁的基本概念、CSS的基礎(chǔ)知識(shí)、XHTML與布局基礎(chǔ)以及瀏覽器的兼容與解析問題，為渴望學(xué)習(xí)標(biāo)準(zhǔn)網(wǎng)頁布局的朋友提供一些必要的基礎(chǔ)知識(shí)，同時(shí)也為后面使用CSS進(jìn)行布局實(shí)例制作奠定基礎(chǔ)。第4章的瀏覽器的兼容與解析問題為有一定頁面代碼架構(gòu)基礎(chǔ)的朋友，系統(tǒng)歸納了解決瀏覽器兼容問題的方法，能夠幫助提高代碼架構(gòu)的水平?！　〉诙ǖ?章～第13章）CSS布局的實(shí)例制作篇。　　講述了使用CSS進(jìn)行網(wǎng)頁布局的實(shí)例，包括使用CSS制作背景實(shí)例、使用CSS制作頁面頂部內(nèi)容、使用CSS制作導(dǎo)航、使用CSS制作列表、使用CSS制作表單、使用CSS制作內(nèi)容的版式、使用CSS制作鏈接樣式、使用CSS制作數(shù)據(jù)表格以及使用CSS制作頁面底部內(nèi)容，從網(wǎng)頁的不同組成部分，以實(shí)例的方式講解使用CSS布局制作的方法。第7章列舉了很多種類的導(dǎo)航制作方法，里面涉及到了大量的CSS屬性和使用方法，是學(xué)習(xí)CSS應(yīng)用的很好的途徑?！　〉谌ǖ?4章～16章）CSS布局的整體布局篇?！　≈v述了CSS布局的整體布局方法，包括CSS的9種基本布局以及CSS整體復(fù)雜布局，介紹了常用的CSS基本布局，并且在基本布局的基礎(chǔ)上，進(jìn)行了復(fù)雜的布局實(shí)踐。這對于在掌握了CSS基礎(chǔ)之后，渴望進(jìn)一步得到提高的讀者來說，是一個(gè)很好的參考幫助?！　〉谒钠ǖ?7章～第18章）CSS布局的綜合應(yīng)用篇?！　≈饕榻B了使用CSS布局進(jìn)行網(wǎng)站制作的綜合應(yīng)用，包括了博客類網(wǎng)站的制作實(shí)例以及企業(yè)類網(wǎng)站的制作實(shí)例，綜合運(yùn)用CSS和XHTML的布局知識(shí)，制作一個(gè)網(wǎng)站的布局，并且可以舉一反三地制作其他類型的網(wǎng)站?！　”緯蓽\入深，由理論到實(shí)踐，尤其適合初學(xué)者逐步學(xué)習(xí)和完善自己的知識(shí)結(jié)構(gòu)。　　本書內(nèi)容豐富，注重思維方法與實(shí)踐應(yīng)用，適合初、中級(jí)網(wǎng)頁設(shè)計(jì)愛好者和希望使用Web標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁布局設(shè)計(jì)的專業(yè)網(wǎng)頁設(shè)計(jì)師，是任何網(wǎng)站開發(fā)相關(guān)人員手中不可缺少的資料。　　本書讀者　　? 希望進(jìn)入Web前端代碼架構(gòu)行業(yè)的新手?！　? 迫切希望提高個(gè)人Web前端代碼架構(gòu)的初級(jí)代碼設(shè)計(jì)人員。　　? 具備一定的測試?yán)碚撝R(shí)但是缺乏實(shí)踐的前端代碼設(shè)計(jì)人員?！　? 希望深入了解Web標(biāo)準(zhǔn)和Web 2.0網(wǎng)站制作的從業(yè)人員?！　”緯幷摺　”緯饕P(guān)濤由編寫，其他參與編寫和資料整理的人員有劉成、馬臣云、潘娜、阮履學(xué)、陶則熙、王大強(qiáng)、王磊、徐琦、許少峰、顏盟盟、楊娟、楊瑞萍、于海波、俞菲、曾苗苗、趙瑩、朱存等。

編輯推薦

　　所有的實(shí)例制作方法均可以在實(shí)際工作中直接使用，注重Web標(biāo)準(zhǔn)，使用CSS實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離，對大量的優(yōu)秀網(wǎng)頁進(jìn)行了介紹和分析，幫助讀者拓展視野，全書提供了52個(gè)實(shí)例和5個(gè)綜合案例，非常實(shí)用?！　”緟矔淖髡邎F(tuán)隊(duì)對計(jì)算機(jī)程序設(shè)計(jì)類圖書市場有很好的敏感性，對出版動(dòng)態(tài)有準(zhǔn)確的把握，對計(jì)算機(jī)技術(shù)的發(fā)展進(jìn)行長期跟蹤。該團(tuán)隊(duì)長期以來致力于計(jì)算機(jī)圖書的內(nèi)容提供和策劃，已經(jīng)出版的多個(gè)系列圖書都在計(jì)算機(jī)圖書市場上有良好的口碑，都曾經(jīng)引領(lǐng)了當(dāng)年的計(jì)算機(jī)程序設(shè)計(jì)暢銷書。

圖書封面

圖書標(biāo)簽Tags

無

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

---

    CSS從入門到精通 PDF格式下載

---