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

前言

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

內(nèi)容概要

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

作者簡介

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

書籍目錄

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

編輯推薦

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

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

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

---