CSS+DIV網頁布局技術教程

CSS+DIV網頁布局技術教程

基本介紹

  • 書名:CSS+DIV網頁布局技術教程
  • 作者:黃玉春 編
  • ISBN:9787302295310
  • 頁數:235
  • 定價:28.00元
  • 出版時間:2012-9
  • 副標題:CSS+DIV網頁布局技術教程
內容介紹,圖書目錄,

內容介紹

《高職高專立體化教材計算機系列:CSS+DIV網頁布局技術教程》主要介紹了超文本標記語言HTML和XHTML、CSS層疊樣式表的基礎理論和實際運用技術,通過實例分析講解了CSS語法、文欄位落設定、背景圖片設定以及CSS濾鏡的套用等,重點講解了如何運用CSS+DIV進行網頁布局,注重實際操作,使讀者能更好地掌握CSS技術及CSS+DIV布局的精髓。《高職高專立體化教材計算機系列:CSS+DIV網頁布局技術教程》最後給出了兩個常見類型的完整網頁的綜合實例,讓讀者進一步鞏固所學的知識,提高綜合套用的能力。

圖書目錄

第1章HTML和XHTML基礎 1
1.1HTML基本用法 1
1.1.1HTML文檔基本結構 2
1.1.2常用的HTML標籤 3
1.2升級到XHTML 13
1.2.1為什麼要升級 13
1.2.2XHTML與HTML比較 14
1.2.3如何轉換現有的文檔為
XHTML 16
習題1 17
上機實驗1 21
第2章 CSS基礎 22
2.1CSS基本概念 22
2.1.1CSS的基本概念 22
2.1.2CSS的特點 23
2.2CSS選擇器 23
2.2.1CSS樣式規則的定義 23
2.2.2標記選擇器 24
2.2.3CSS選擇器分組 24
2.2.4派生選擇器 25
2.2.5id選擇器 25
2.2.6類選擇器 26
2.2.7偽類選擇器 26
2.3CSS的引用 27
2.3.1內部樣式表 27
2.3.2外部樣式表 28
2.3.3內聯樣式表 29
2.3.4輸入樣式表 30
2.3.5多重樣式 31
2.4CSS的繼承 33
2.4.1CSS的繼承關係 33
2.4.2CSS繼承的套用 34
習題2 34
上機實驗2 35
第3章用CSS設定文字與背景 37
3.1CSS文字與段落樣式 37
3.1.1CSS文字樣式 37
3.1.2CSS段落文字 43
3.1.3CSS列表 46
3.2CSS顏色與背景樣式 50
3.2.1設定顏色 50
3.2.2設定背景圖像 52
3.2.3背景圖像的重複方式 54
3.2.4固定背景圖像 56
3.2.5背景圖片位置 58
3.2.6背景樣式的縮寫 60
3.3綜合實例 61
3.3.1文字的綜合套用 61
3.3.2背景的綜合套用 63
習題3 65
上機實驗3 67
第4章 CSS濾鏡的套用 68
4.1濾鏡概述 68
4.2視覺濾鏡 68
4.2.1alpha屬性 69
4.2.2blur屬性 72
4.2.3Chroma屬性 73
4.2.4DropShadow屬性 74
4.2.5FlipH、FlipV屬性 75
4.2.6Glow屬性 77
4.2.7Gray屬性 78
4.2.8Invert屬性 79
4.2.9Mask屬性 80
4.2.10Shadow屬性 81
4.2.11Wave屬性 82
4.2.12Xray屬性 84
4.3轉換濾鏡 85
4.3.1融合轉換濾鏡 86
4.3.2揭示轉換濾鏡 87
4.3.3網頁特效轉換 89
習題4 91
上機實驗4 92
第5章CSS框模型與定位 93
5.1CSS框模型 93
5.1.1CSS框模型的概述 93
5.1.2CSS內邊距 95
5.1.3CSS框線 97
5.1.4CSS外邊距 104
5.1.5外邊距合併 108
5.2CSS定位和浮動 109
5.2.1塊級元素 110
5.2.2CSS定位機制 110
5.2.3相對定位 111
5.2.4絕對定位 113
5.2.5z-index空間位置 116
5.2.6CSS浮動 117
5.3CSS定位實例 123
習題5 127
上機實驗5 128
第6章DIV+CSS布局基礎 129
6.1div標記與span標記 129
6.1.1div標記與span標記概述 129
6.1.2
與標記的區別 131
6.2CSS排版觀念 132
6.2.1將頁面用div分塊 132
6.2.2設計各塊的位置 133
6.2.3用CSS定位 134
6.3固定寬度且居中的版式 135
6.3.1一列固定寬度居中 135
6.3.2二列固定寬度居中 137
6.4自適應寬度且居中的版式 139
6.4.1一列自適應寬度且居中 139
6.4.2二列寬度自適應 140
6.4.3左列固定,右列寬度
自適應 142
6.4.4三列浮動中間列寬度
自適應 144
6.5一個常用的DIV+CSS網站布局的
基本框架結構實例 147
6.5.1搭建框架 147
6.5.2添加CSS樣式 148
6.6排版實例:淘寶商城 150
6.6.1 搭建HTML框架 151
6.6.2 添加CSS樣式 155
6.6.3 採用CSS+DIV布局優勢 156
習題6 157
上機實驗6 158

相關詞條

熱門詞條

聯絡我們