CSS+DIV網頁佈局技術教程（簡體書）

《高職高專立體化教材計算機系列：CSS+DIV網頁佈局技術教程》主要介紹了超文本標記語言HTML和XHTML、CSS層疊樣式表的基礎理論和實際運用技術，通過實例分析講解了CSS語法、文字段落設置、背景圖片設置以及CSS濾鏡的應用等，重點講解了如何運用CSS+DIV進行網頁佈局，注重實際操作，使讀者能更好地掌握CSS技術及CSS+DIV佈局的精髓。本書最後給出了兩個常見類型的完整網頁的綜合實例，讓讀者進一步鞏固所學的知識，提高綜合應用的能力。
《高職高專立體化教材計算機系列：CSS+DIV網頁佈局技術教程》適合作為大中專院校計算機應用技術和電子商務類專業的教材，也可作為網頁設計技術培訓教程，還可以作為Web網站開發人員、網頁設計師、網頁前端架構師、用戶體驗設計師的參考書。．

《高職高專立體化教材計算機系列:CSS+DIV網頁布局技術教程》適合作為大中專院校計算機應用技術和電子商務類專業的教材，也可作為網頁設計技術培訓教程，還可以作為Web網站開發人員、網頁設計師、網頁前端架構師、用戶體驗設計師的參考書。

第1章HTML和XHTML基礎
1.1HTML基本用法
1.1.1HTML文檔基本結構
1.1.2常用的HTML標簽
1.2升級到XHTML
1.2.1為什么要升級
1.2.2XHTML與HTML比較
1.2.3如何轉換現有的文檔為XHTML
習題1
上機實驗1
第2章 CSS基礎
2.1CSS基本概念
2.1.1CSS的基本概念
2.1.2CSS的特點
2.2CSS選擇器
2.2.1CSS樣式規則的定義
2.2.2標記選擇器
2.2.3CSS選擇器分組
2.2.4派生選擇器
2.2.5id選擇器
2.2.6類選擇器
2.2.7偽類選擇器
2.3CSS的引用
2.3.1內部樣式表
2.3.2外部樣式表
2.3.3內聯樣式表
2.3.4輸入樣式表
2.3.5多重樣式
2.4CSS的繼承
2.4.1CSS的繼承關系
2.4.2CSS繼承的應用
習題2
上機實驗2
第3章用CSS設置文字與背景
3.1CSS文字與段落樣式
3.1.1CSS文字樣式
3.1.2CSS段落文字
3.1.3CSS列表
3.2CSS顏色與背景樣式
3.2.1設置顏色
3.2.2設置背景圖像
3.2.3背景圖像的重復方式
3.2.4固定背景圖像
3.2.5背景圖片位置
3.2.6背景樣式的縮寫
3.3綜合實例
3.3.1文字的綜合應用
3.3.2背景的綜合應用
習題3
上機實驗3
第4章 CSS濾鏡的應用
4.1濾鏡概述
4.2視覺濾鏡
4.2.1alpha屬性
4.2.2blur屬性
4.2.3Chroma屬性
4.2.4DropShadow屬性
4.2.5FlipH、FlipV屬性
4.2.6Glow屬性
4.2.7Gray屬性
4.2.8Invert屬性
4.2.9Mask屬性
4.2.10Shadow屬性
4.2.11Wave屬性
4.2.12Xray屬性
4.3轉換濾鏡
4.3.1融合轉換濾鏡
4.3.2揭示轉換濾鏡
4.3.3網頁特效轉換
習題4
上機實驗4
第5章CSS框模型與定位
5.1CSS框模型
5.1.1CSS框模型的概述
5.1.2CSS內邊距
5.1.3CSS邊框
5.1.4CSS外邊距
5.1.5外邊距合并
5.2CSS定位和浮動
5.2.1塊級元素
5.2.2CSS定位機制
5.2.3相對定位
5.2.4絕對定位
5.2.5z—index空間位置
5.2.6CSS浮動
5.3CSS定位實例
習題5
上機實驗5
第6章DIV+CSS布局基礎
6.1div標記與span標記
6.1.1div標記與span標記概述
6.1.2

文摘

第2章CSS基礎
2.1 CSS基本概念
Internet是當今世界上最大的計算機網絡，它將全球成千上萬的計算機網絡和數量眾多的計算機主機有機地結合在一起，形成了一個全球信息網。目前Internet上可以提供的服務種類非常多，如遠程登錄（Telnet）、電子郵件（E—mail）、文件傳輸（FTP）、萬維網（World WideWeb）等，其中，Web和E.mail是最常用的服務。
ASP與Internet上的Web服務有著密切的關系。為了真正理解ASP的工作機制，首先需要了解Web的一些基本知識。
2.1.1 CSS的基本概念
CSS是Cascading Style sheets（層疊樣式表）的簡稱，更多的人把它稱作樣式表。顧名思義，它是一種設計網頁樣式的工具。借助于CSS的強大功能，網頁將在設計者豐富的想象力下千變萬化。CSS可以更精確地控制頁面的版式風格和布局，它將彌補HTML對網頁格式化的不足。利用CSS可以設置字體變化和大小、頁面格式的動態更新和排版定位等。
自從1998年5月12日W3C組織推出了CSS2以來，這項技術在世界范圍內得到廣泛的支持。CSS2成為W3C的新標準。樣式可以定義在HTML文件的標記里，也可以定義在外加的文件中。當樣式表定義在外部文件中時，一個樣式表可以用于多個頁面，甚至整個網站，因此具有更好的易用性和擴展性。
總體來說，CSS可以完成以下工作：
彌補HTML對網頁格式化功能的不足，如段落間距、行距等。
設置字體變化和大小。
設置頁面格式的動態更新。
進行排版定位。
2.1.2CSS的特點
CSS具有以下特點。
（1）將格式和結構分離
HTML語言定義了網頁的結構和各要素的功能，而CSS通過將定義結構的部分和定義格式的部分分離，使用戶能夠對頁面的布局施加更多的控制。HTML仍可以保持簡單明了的初衷，CSS代碼獨立出來，從另一個角度控制頁面外觀。
（2）控制頁面布局
HTML語言對頁面總體上的控制很有限。像精確定位、行間距或字間距等任務都可以通過CSS來完成。
（3）制作體積更小且下載更快的網頁
樣式表只是簡單的文本，就像HTML那樣。它不需要圖像、執行程序及插件。使用CSS可以減少表格標簽及其他加大HTML體積的代碼，還可以減少圖像數量從而減小文件的大小。
（4）更新速度更快
沒有CSS時，如果想更新整個站點中所有主體文本的字體，必須一頁一頁地修改每個網頁文件。CSS的主旨就是將格式和結構分離。利用樣式表，可以將站點上所有的網頁都指向單一的一個CSS文件，因此只要修改CSS文件中的某一行，那么整個站點都會隨之發生改變。
（5）更有利于搜索引擎的搜索
CSS減少了代碼量，使得正文更加突出，有利于搜索引擎更有效地搜索到Web頁面。