高效學(xué)習(xí)CSS 布局之道

前言

　　網(wǎng)絡(luò)和網(wǎng)站制作技術(shù)的不斷發(fā)展要求網(wǎng)頁(yè)必須具有更強(qiáng)和更廣泛的擴(kuò)展性，代碼必須具有更高的簡(jiǎn)潔性和適應(yīng)性。而原有的傳統(tǒng)布局方法在日新月異的發(fā)展變化中，各種缺陷已經(jīng)變得越來(lái)越明顯，無(wú)法順應(yīng)各種新技術(shù)的發(fā)展和完善。使用CSS布局的符合W3C標(biāo)準(zhǔn)的頁(yè)面，由于其嚴(yán)格的技術(shù)規(guī)范和簡(jiǎn)潔的代碼，使得它可以很好地適應(yīng)各種新技術(shù)的實(shí)施與表現(xiàn)?！　∧壳皬氖戮W(wǎng)頁(yè)制作和設(shè)計(jì)方面的人員，受傳統(tǒng)布局的影響，還有很大一部分人無(wú)法正確理解使用CSS布局的本質(zhì)。本書(shū)通過(guò)精心制作的大量實(shí)例，深入淺出地講解了CSS布局的原理，便于讀者掌握頁(yè)面結(jié)構(gòu)與表現(xiàn)互相分離的核心內(nèi)容。同時(shí)，本書(shū)詳細(xì)講解了各種CSS屬性和布局技巧，以滿足廣大網(wǎng)頁(yè)制作人員實(shí)際工作的需要?！　”緯?shū)作者在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域擁有近7年的工作經(jīng)驗(yàn)，參與了多個(gè)網(wǎng)站的設(shè)計(jì)與建設(shè)，積累了豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)。本書(shū)由作者精心編寫(xiě)而成，凝聚了大量網(wǎng)頁(yè)設(shè)計(jì)工作中的經(jīng)驗(yàn)與技巧總結(jié)，目的是讓讀者能夠快速、全面、完整地掌握CSS的各種基本知識(shí)，并最終能夠使用CSS的相關(guān)屬性完成頁(yè)面的布局。書(shū)中為讀者講解了CSS布局中最實(shí)用、最合理、最簡(jiǎn)潔的實(shí)現(xiàn)方法，并對(duì)一些工作中常見(jiàn)的技術(shù)問(wèn)題給出解決方案，是廣大網(wǎng)頁(yè)制作人員提高自己的制作水平、完善自己的知識(shí)結(jié)構(gòu)、順應(yīng)網(wǎng)絡(luò)技術(shù)發(fā)展的優(yōu)秀學(xué)習(xí)參考?！　”緯?shū)的特點(diǎn)和優(yōu)勢(shì)　　本書(shū)通過(guò)大量范例詳細(xì)講解了CSS的各種屬性及其應(yīng)用，以及使用CSS布局頁(yè)面的原理和技巧。在講解每個(gè)知識(shí)點(diǎn)的時(shí)候，結(jié)合實(shí)際制作的需要，配合簡(jiǎn)單的實(shí)例進(jìn)行演示。同時(shí)對(duì)實(shí)際應(yīng)用中經(jīng)常發(fā)生的各種錯(cuò)誤進(jìn)行分類(lèi)講解，便于讀者系統(tǒng)全面地掌握各種應(yīng)用技巧?！　”緯?shū)基本涵蓋了CSS和使用CSS布局頁(yè)面的核心知識(shí)，從CSS的入門(mén)基礎(chǔ)知識(shí)講起，再到XHTML基礎(chǔ)知識(shí)、CSS的語(yǔ)法和各個(gè)屬性的使用方法、CSS布局的各種技巧，全書(shū)最后使用一個(gè)現(xiàn)今最具代表性的博客實(shí)例，完整地講解CSS布局頁(yè)面的步驟和注意事項(xiàng)。　　本書(shū)的主要特點(diǎn)體現(xiàn)在以下幾個(gè)方面。　　知識(shí)點(diǎn)全面、完整，并注重系統(tǒng)性。本書(shū)將CSS中所有被瀏覽器支持的屬性，按照應(yīng)用分為幾大類(lèi)。對(duì)每個(gè)分類(lèi)中的各個(gè)屬性從作用、語(yǔ)法、使用方法、注意事項(xiàng)等幾個(gè)方面進(jìn)行詳細(xì)剖析?！　?qiáng)調(diào)實(shí)際應(yīng)用，注重理論與實(shí)踐的結(jié)合。書(shū)中對(duì)每個(gè)CSS屬性和布局技巧，都配合實(shí)例進(jìn)行講解。使讀者在學(xué)習(xí)各種理論知識(shí)的同時(shí)，能夠很容易地掌握知識(shí)的運(yùn)用方法，做到學(xué)以致用。　　遵循標(biāo)準(zhǔn)，注重規(guī)范。書(shū)中所有的代碼和實(shí)例都遵循W3C發(fā)布的Web標(biāo)準(zhǔn)。不論CSS部分還是XHTML部分，代碼的書(shū)寫(xiě)和屬性的定義，都嚴(yán)格遵守相應(yīng)的規(guī)范，為讀者的學(xué)習(xí)與日后實(shí)際編程提供了很好的范本。　　切合實(shí)際，與時(shí)俱進(jìn)。本書(shū)在講解CSS具體應(yīng)用的時(shí)候，分析當(dāng)前網(wǎng)頁(yè)使用者和整個(gè)網(wǎng)站制作行業(yè)的需要，剔除了部分不常用的知識(shí)。同時(shí)結(jié)合當(dāng)下時(shí)勢(shì)，介紹了IE瀏覽器最新版本7.0的兼容問(wèn)題，以緊跟網(wǎng)絡(luò)發(fā)展的腳步?！　∽⒅亟?jīng)驗(yàn)的講解，避免讀者走彎路。書(shū)中涉及的每個(gè)CSS布局技巧，都是作者多年工作經(jīng)驗(yàn)的積累和總結(jié)。讀者在學(xué)習(xí)并掌握了這些技巧之后，就可以在自己的實(shí)際工作中迅速應(yīng)用CSS布局的各種方法制作出專(zhuān)業(yè)的網(wǎng)頁(yè)，從而減少了自己摸索所花的時(shí)間?！　”緯?shū)的內(nèi)容組織　　全書(shū)共分為5篇17章，從CSS布局的基本內(nèi)容和概念講起，再到CSS布局的原理、各種CSS屬性的使用方法、CSS布局的各種技巧、兼容問(wèn)題的解決原理，全書(shū)最后通過(guò)一個(gè)完整的實(shí)戰(zhàn)案例向讀者演示了使用CSS進(jìn)行頁(yè)面布局的具體步驟與注意事項(xiàng)。　　第1篇（第1章－第3章）CSS布局的相關(guān)概念　　講述了CSS布局中的各種概念和相關(guān)內(nèi)容，其中包括CSS的概念、結(jié)構(gòu)和表現(xiàn)分離的原理和好處、XHTML的基礎(chǔ)知識(shí)、CSS的基本語(yǔ)法和使用方式等。通過(guò)本篇的學(xué)習(xí)，讀者可以了解CSS基本的使用方法和原理，同時(shí)掌握頁(yè)面結(jié)構(gòu)代碼XHTML的相關(guān)知識(shí)?！　〉?篇（第4章－第6章）CSS盒模型和塊元素的定位　　講述了CSS中盒模型的構(gòu)成、塊元素與內(nèi)聯(lián)元素的分類(lèi)，以及使用各種屬性控制塊元素的位置和顯示方式等。在CSS布局中，塊元素的盒模型是布局中最重要的概念，通過(guò)對(duì)塊元素位置的控制結(jié)合盒模型的各個(gè)部分，可以方便地完成元素的定位?！　〉?篇（第7章－第11章）CSS控制元素顯示效果　　詳細(xì)講解了在CSS中用來(lái)控制各種頁(yè)面元素顯示效果的各種屬性。這些屬性包括控制字體和文本的屬性、控制列表的屬性、控制表格的屬性，以及控制滾動(dòng)條、光標(biāo)、打印、濾鏡的其他各種屬性。通過(guò)對(duì)本篇的學(xué)習(xí)，讀者可以掌握各種控制元素顯示效果的技巧，使頁(yè)面各種內(nèi)容的表現(xiàn)更加豐富多彩?！　〉?篇（第12章－第15章）CSS頁(yè)面布局的方法　　深入講解了使用CSS布局頁(yè)面的各種技巧和方法，包括元素的居中問(wèn)題、頁(yè)面架構(gòu)的建立方法、自適應(yīng)問(wèn)題的解決、兼容問(wèn)題的解決原理等。通過(guò)對(duì)本篇的學(xué)習(xí)，讀者可以掌握實(shí)際布局頁(yè)面時(shí)的各種技巧，使頁(yè)面具有更大的擴(kuò)展性?！　〉?篇（第16章－第17章）CSS布局實(shí)戰(zhàn)　　完整地講解了實(shí)際開(kāi)發(fā)中使用Dreamweaver軟件添加和編輯CSS代碼的技巧，其中包括實(shí)際站點(diǎn)的建立、站點(diǎn)結(jié)構(gòu)的規(guī)劃、頁(yè)面實(shí)例每個(gè)部分的制作過(guò)程等，完整呈現(xiàn)了使用CSS進(jìn)行頁(yè)面布局的具體工作過(guò)程。通過(guò)對(duì)本篇的學(xué)習(xí)，讀者可以最終運(yùn)用可視化開(kāi)發(fā)軟件，結(jié)合本書(shū)中講解的CSS知識(shí)，完整地掌握CSS頁(yè)面布局的方法。

內(nèi)容概要

CSS是W3C組織制定的用于控制網(wǎng)頁(yè)內(nèi)容顯示效果的一種標(biāo)記性語(yǔ)言。使用CSS布局的網(wǎng)站，具有更大的擴(kuò)展性，能夠適應(yīng)更加復(fù)雜的瀏覽環(huán)境。同時(shí)，使用CSS布局頁(yè)面，代碼更加簡(jiǎn)潔，加載速度更快，改版和升級(jí)網(wǎng)站更加方便。所以，CSS已經(jīng)成為當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)師必學(xué)的一門(mén)語(yǔ)言。    本書(shū)一共分為5篇，基本涵蓋了CSS和使用CSS布局頁(yè)面的核心知識(shí)，從CSS的入門(mén)基礎(chǔ)知識(shí)講起，再到XHTML基礎(chǔ)知識(shí)、CSS的語(yǔ)法和各個(gè)屬性的使用方法、CSS布局的各種技巧，全書(shū)最后使用一個(gè)現(xiàn)今最具代表性的博客實(shí)例，完整地講解了CSS頁(yè)面布局的具體步驟和注意事項(xiàng)。    本書(shū)概念講解清晰，內(nèi)容全面，范例豐富實(shí)用。書(shū)中在講解CSS知識(shí)的同時(shí)，注重對(duì)原理性的剖析，使讀者能夠知其然并知其所以然，做到舉一反三。本書(shū)適合廣大的網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者、專(zhuān)業(yè)的網(wǎng)頁(yè)制作人員和網(wǎng)頁(yè)維護(hù)人員閱讀，也適合培訓(xùn)機(jī)構(gòu)、高等院校及職業(yè)院校作為網(wǎng)頁(yè)設(shè)計(jì)類(lèi)課程的教學(xué)用書(shū)。

作者簡(jiǎn)介

陳剛：資深網(wǎng)頁(yè)設(shè)計(jì)師，6年網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)
　　經(jīng)歷：廣西玉林寒冰工作室，網(wǎng)頁(yè)設(shè)計(jì)師杭州賽龍網(wǎng)絡(luò)有限公司，網(wǎng)頁(yè)設(shè)計(jì)師杭州華藝網(wǎng)絡(luò)工作室.網(wǎng)頁(yè)設(shè)計(jì)師新浪網(wǎng)設(shè)計(jì)部.首席設(shè)計(jì)師擅長(zhǎng)網(wǎng)站界面設(shè)計(jì)、網(wǎng)頁(yè)交互設(shè)計(jì)、網(wǎng)站可用性分析、Web標(biāo)準(zhǔn)布局、網(wǎng)站程序架構(gòu)設(shè)計(jì)沒(méi)計(jì)并制作，浙江北部門(mén)戶網(wǎng)站“浙北信息港”、絲綢之路集團(tuán)網(wǎng)站.以及新浪網(wǎng)的各種主題和專(zhuān)題頁(yè)面。

書(shū)籍目錄

第1篇  CSS布局的相關(guān)概念第1章  CSS的概念  1.1  什么是CSS  1.2  什么是XHTML  1.3  一個(gè)使用CSS的簡(jiǎn)單實(shí)例    1.3.1  使用CSS的代碼及其顯示效果    范例：制作一個(gè)簡(jiǎn)單的CSS使用實(shí)例    1.3.2  哪里是CSS樣式  1.4  怎樣將CSS應(yīng)用到網(wǎng)頁(yè)中    1.4.1  行內(nèi)添加CSS樣式    范例：一個(gè)使用行內(nèi)添加CSS樣式的實(shí)例    1.4.2  內(nèi)嵌式調(diào)用CSS樣式    范例：一個(gè)使用內(nèi)嵌式調(diào)用CSS樣式的實(shí)例    1.4.3  鏈接外部CSS樣式    范例：一個(gè)鏈接外部CSS樣式的實(shí)例  1.5  關(guān)于Web標(biāo)準(zhǔn)    1.5.1  Web標(biāo)準(zhǔn)的概念    1.5.2  內(nèi)容——信息傳遞的根本    1.5.3  結(jié)構(gòu)——內(nèi)容與表現(xiàn)的橋梁    1.5.4  表現(xiàn)——頁(yè)面吸引力的靈魂  1.6  CSS與網(wǎng)頁(yè)布局  1.7  CSS與腳本  1.8  CSS與網(wǎng)站優(yōu)化  1.9  怎樣編輯CSS  1.10  CSS網(wǎng)站欣賞第2章 XHTML基礎(chǔ) 　2.1 一個(gè)最簡(jiǎn)單的XHTML頁(yè)面 　　2.1.1 最簡(jiǎn)單的XHTML頁(yè)面的構(gòu)成 　　范例： 一個(gè)最簡(jiǎn)單的XHTML頁(yè)面的實(shí)例 　　2.1.2 不顯示的頁(yè)面內(nèi)容 　　范例： 一個(gè)XHTML中不顯示內(nèi)容的實(shí)例 　　2.1.3 顯示的頁(yè)面內(nèi)容 　　范例： 一個(gè)XHTML中顯示內(nèi)容的實(shí)例 　2.2 頁(yè)面元素 　2.3 元素的屬性 　　范例： 一個(gè)在元素中使用屬性的示例 　2.4 頁(yè)面整體元素與名字空間 　2.5 頁(yè)面頭部元素 　　2.5.1 定義頁(yè)面的標(biāo)題 　　范例： 一個(gè)定義頁(yè)面標(biāo)題的實(shí)例 　　2.5.2 定義頁(yè)面的編碼 　　范例： 一個(gè)定義頁(yè)面文本編碼的實(shí)例 　　2.5.3 定義頁(yè)面的樣式 　　范例： 一個(gè)定義頁(yè)面樣式的實(shí)例 　　2.5.4 定義頁(yè)面使用的外部文件 　　范例： 一個(gè)使用外部文件的實(shí)例 　2.6 頁(yè)面主體元素 　　2.6.1 區(qū)域元素 　　范例： 一個(gè)使用　　元素的實(shí)例 　　2.6.2 內(nèi)容元素 　　范例： 一個(gè)使用元素的實(shí)例 　　2.6.3 列表元素　　……　第3章  CSS的語(yǔ)法第2篇  CSS盒模型和塊元素的定位　第4章  CSS控制元素的大小　第5章  CSS控制元素的定位　第6章  CSS控制元素的布局第3篇  CSS控制元素顯示效果　第7章  CSS控制文本的顯示　第8章  CSS控制列表元素的顯示　第9章  CSS控制表格元素的顯示　第10章  CSS控制其他元素的顯示　第11章  CSS濾鏡第4篇  CSS頁(yè)面布局的方法　第12章  居中問(wèn)題　第13章  CSS布局構(gòu)架的建立　第14章  CSS布局中的自適應(yīng)問(wèn)題　第15章  CSS布局中的兼容問(wèn)題第5篇  CSS布局實(shí)戰(zhàn)　第16章  在Dreamweaver中使用CSS　第17章  個(gè)人博客頁(yè)面的制作

編輯推薦

　　網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)家奉獻(xiàn)6年設(shè)計(jì)經(jīng)驗(yàn)，教你如何應(yīng)用CSS制作精彩出眾的Web頁(yè)面　　從零開(kāi)始，細(xì)致介紹CSS的語(yǔ)法規(guī)則　　通過(guò)大量范例，學(xué)習(xí)經(jīng)典的盒模型、布局技術(shù)與網(wǎng)頁(yè)定位技術(shù)　　講解CSS頁(yè)面布局的原理，分析各種布局的方法和優(yōu)劣　　探討CSS布局中各種常見(jiàn)的重要問(wèn)題并提供解決方案　　提供最具代表性的博客案例，完整演CSS頁(yè)面布局的具體步驟和注意事項(xiàng)　　探討并解決主流瀏覽器的兼容問(wèn)題，包括IE6.0、IE7.0和Firefox　　所有代碼和實(shí)例遵循W3C規(guī)范，完全符合Web 2.0標(biāo)準(zhǔn)　　初學(xué)者　　基本概念：CSS的概念、結(jié)構(gòu)和表現(xiàn)分離的原理和好處、XHTML的基礎(chǔ)知識(shí)、CSS的基本語(yǔ)法和使用方式?！　W(xué)習(xí)目標(biāo)：了解CSS基本的使用方法和原理，掌握頁(yè)面結(jié)構(gòu)代碼XHTML的相關(guān)知識(shí)?！　傩岳猓篊SS中盒模型的構(gòu)成、塊元素與內(nèi)聯(lián)元素的分類(lèi)，使用各種屬性控制塊元素的位置和顯示方式；CSS中用來(lái)控制各種頁(yè)面元素顯示效果的常用屬性?！　W(xué)習(xí)目標(biāo)：方便地完成元素的定位，掌握各種控制元素顯示效果的技巧，使頁(yè)面各種內(nèi)容的表現(xiàn)更加豐富多彩。　　布局技巧與方法：元素的居中問(wèn)題、頁(yè)面架構(gòu)的建立方法、自適應(yīng)問(wèn)題的解決、各種兼容問(wèn)題的解決?！　W(xué)習(xí)目標(biāo)：掌握實(shí)際布局頁(yè)面時(shí)的各種技巧，使頁(yè)面具有更大的擴(kuò)展性?！　“咐龑?shí)戰(zhàn)：講解實(shí)際開(kāi)發(fā)中使用Drearnweaver軟件添加和編輯CSS代碼的技巧，包括實(shí)際站點(diǎn)的建立、站點(diǎn)結(jié)構(gòu)的規(guī)劃、頁(yè)面實(shí)例每個(gè)部分的制作過(guò)程?！　W(xué)習(xí)目標(biāo)：運(yùn)用可視化開(kāi)發(fā)軟件，完全掌握使用CSS進(jìn)行頁(yè)面布局的具體方法和工作過(guò)程。

圖書(shū)封面

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

無(wú)

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

---

    高效學(xué)習(xí)CSS 布局之道 PDF格式下載

---