內容簡介
書中摒棄了案例書常見的一味羅列步驟，輕視技術原理的做法，把案例作為學習手段，不但側重講解CSS盒子模型、標準流、浮動、定位等四大核心技術原理，更側重講解如何在實踐中套用它們。讀者通過案例，既可以掌握CSS的核心技術要點，也可以了解相關技術和工作流程，使讀者不但知其然，還知其所以然。
此外，本書還結合了流行的CMS內容管理系統，講解了使用CSS進行模板設計的方法，使讀者可以舉一反三地掌握為各種內容管理系統設計模板的方法。
本書適合具備一定HTML和網頁設計製作基礎的需要使用CSS的愛好者、Web設計人員和開發人員閱讀。
目錄
第1章 從基礎開始
1.1 (X)HTML與CSS
1.1.1 DOCTYPE(文檔類型)的含義與選擇
1.1.2 XHTML與HTML的重要區別
1.1.3 CSS的基本思想
1.1.4 CSS的引入
1.1.5 瀏覽器與CSS
1.2 基本CSS選擇器
1.2.1 理解CSS選擇器的思想
1.2.2 標記選擇器
1.2.3 類別選擇器
1.2.4 ID選擇器
1.3 在HTML中引入CSS的方法
1.3.1 行內樣式
1.3.2 內嵌式
1.3.3 外部樣式表
1.3.4 連結式
1.3.5 各種方式的優先權問題
1.4 動手體驗CSS
1.4.1 從零開始
1.4.2 使用CSS設定標題
1.4.3 控制圖片
1.4.4 設定正文
1.4.5 設定整體頁面
1.4.6 對段落分別進行設定
1.4.7 兼容性檢查
1.4.8 CSS的注釋
1.5 網頁使用的編輯軟體
1.5.1 可視化網頁製作軟體的優點
1.5.2 可視化軟體的局限性
1.5.3 善於使用代碼視圖的功能
1.6 CSS的複合選擇器
1.6.1 “交集”選擇器
1.6.2 “並集”選擇器
1.6.3 “後代”選擇器
1.7 CSS的繼承特性
1.7.1 繼承關係
1.7.2 CSS繼承的運用
1.8 CSS的層疊特性
1.9 本章小結
第2章 攝影師個人網站布局
2.1 案例描述
2.2 內容分析
2.3 HTML結構設計
2.4 原型設計
2.5 頁面方案設計
2.6 布局設計
2.7 CSS技術準備——盒子模型
2.8 設定頁面的整體背景
2.9 製作照片展示區域
2.10 設定網頁標題的圖像替換
2.11 CSS技術準備——定位
2.11.1 理解標準文檔流
2.11.2 認識定位屬性
2.11.3 絕對定位
2.12 設定網頁標題的位置
2.13 設定網頁文本內容
2.14 本章小結
第3章 生物研究中心網站布局
3.1 案例描述
3.2 內容分析
3.3 原型設計
3.4 頁面方案設計
3.5 CSS技術準備——盒子的浮動
3.5.1 設定浮動
3.5.2 浮動的方向
3.5.3 使用clear屬性清除浮動的影響
3.5.4 擴展盒子的高度
3.6 布局設計
3.7 CSS技術準備——在CSS中設定框線
3.7.1 對不同的框線設定不同的屬性值
3.7.2 在一行中同時設定框線的寬度、顏色和樣式
3.7.3 對一條框線設定與其他框線不同的屬性
3.7.4 同時指定一條框線的一種屬性
3.8 製作頁頭部分
3.9 製作主體部分
3.9.1 主體的左側部分
3.9.2 主要內容區
3.10 CSS技術擴展——擴充布局
3.11 本章小結
第4章 教育公司網站布局
4.1 兩列布局
4.2 案例描述
4.3 內容分析
4.4 原型設計
4.5 CSS技術準備——在CSS中使用背景圖像
4.5.1 設定平鋪方式
4.5.2 設定背景圖像的位置
4.5.3 背景的簡寫
4.5.4 圖片的固定設定
4.6 製作標題圖像
4.7 CS3技術準備——實現圓角設計
4.8 製作頁頭部分
4.8.1 搭建頁頭部分的HTML結構
4.8.2 頁面標題的圖像替換
4.8.3 頂部選單
4.8.4 主選單
4.8.5 搜尋框
4.8.6 頁頭部分的圓角框
4.9 製作主體部分
4.9.1 結構分析
4.9.2 “麵包屑”導航
4.9.3 設定正文標題
4.9.4 設定頁腳
4.9.5 添加頁面內容
4.10 本章小結
第5章 網上書店布局
第6章 汽車服務公司網站布局
第7章 橘汁仙劍遊戲網站(靜態)布局
第8章 橘汁仙劍遊戲網站(動態)布局
