內容簡介
CSS是W3C組織制定的用於控制網頁內容顯示效果的一種標記性語言。使用CSS布局的網站,具有更大的擴展性,能夠適應更加複雜的瀏覽環境。同時,使用CSS布局頁面,代碼更加簡潔,載入速度更快
,改版和升級網站更加方便。所以,CSS已經成為當前網頁設計師必學的一門語言。《高效學習CSS 布局之道》概念講解清晰,內容全面,範例豐富實用。書中在講解CSS知識的同時,注重對原理性的剖析,使讀者能夠知其然並知其所以然,做到舉一反三。
編輯推薦
初學者
基本概念:CSS的概念、結構和表現分離的原理和好處、XHTML的基礎知識、CSS的基本語法和使用方式。
學習目標:了解CSS基本的使用方法和原理,掌握頁面結構代碼XHTML的相關知識。
屬性例解:CSS中盒模型的構成、塊元素與內聯元素的分類,使用各種屬性控制塊元素的位置和顯示方式;CSS中用來控制各種頁面元素顯示效果的常用屬性。
學習目標:方便地完成元素的定位,掌握各種控制元素顯示效果的技巧,使頁面各種內容的表現更加豐富多彩。
布局技巧與方法:元素的居中問題、頁面架構的建立方法、自適應問題的解決、各種兼容問題的解決。
學習目標:掌握實際布局頁面時的各種技巧,使頁面具有更大的擴展性。
案例實戰:講解實際開發中使用Drearnweaver軟體添加和編輯CSS代碼的技巧,包括實際站點的建立、站點結構的規劃、頁面實例每個部分的製作過程。
學習目標:運用可視化開發軟體,完全掌握使用CSS進行頁面布局的具體方法和工作過程。
從零開始,細緻介紹CSS的語法規則
通過大量範例,學習經典的盒模型、布局技術與網頁定位技術
講解CSS頁面布局的原理,分析各種布局的方法和優劣
探討CSS布局中各種常見的重要問題並提供解決方案
提供最具代表性的部落格案例,完整演CSS頁面布局的具體步驟和注意事項
探討並解決主流瀏覽器的兼容問題,包括IE6.0、IE7.0和Firefox
所有代碼和實例遵循W3C規範,完全符合Web 2.0標準
目錄
第1篇 CSS布局的相關概念
第1章 CSS的概念
1.1 什麼是CSS
1.2 什麼是XHTML
1.3 一個使用CSS的簡單實例
1.3.1 使用CSS的代碼及其顯示效果
範例: 製作一個簡單的CSS使用實例
1.3.2 哪裡是CSS樣式
1.4 怎樣將CSS套用到網頁中
1.4.1 行內添加CSS樣式
範例: 一個使用行內添加CSS樣式的實例
1.4.2 內嵌式調用CSS樣式
範例: 一個使用內嵌式調用CSS樣式的實例
1.4.3 連結外部CSS樣式
範例: 一個連結外部CSS樣式的實例
1.5 關於Web標準
1.5.1 Web標準的概念
1.5.2 內容——信息傳遞的根本
1.5.3 結構——內容與表現的橋樑
1.5.4 表現——頁面吸引力的靈魂
1.6 CSS與網頁布局
1.7 CSS與腳本
1.8 CSS與網站最佳化
1.9 怎樣編輯CSS
1.10 CSS網站欣賞
第2章 XHTML基礎
2.1 一個最簡單的XHTML頁面
2.1.1 最簡單的XHTML頁面的構成
範例: 一個最簡單的XHTML頁面的實例
2.1.2 不顯示的頁面內容
範例: 一個XHTML中不顯示內容的實例
2.1.3 顯示的頁面內容
範例: 一個XHTML中顯示內容的實例
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 區域元素
範例: 一個使用
元素的實例
2.6.2 內容元素
範例: 一個使用元素的實例
2.6.3 列表元素
範例: 一個使用列表元素的實例
2.6.4 段落元素
範例: 一個使用段落元素的實例
2.6.5 標題元素
範例: 一個使用標題元素的實例
2.6.6 圖像元素
範例: 一個使用圖像元素的實例
2.6.7 表單元素
範例: 一個使用表單元素的實例
2.7 XHTML的書寫規範
第3章 CSS的語法
3.1 CSS的基本寫法
範例: 一個使用CSS樣式的實例
3.2 選擇符
3.2.1 id選擇符
範例: 一個使用id選擇符的實例
3.2.2 類選擇符
範例: 一個使用類選擇符的實例
3.2.3 類型選擇符
範例: 一個使用類型選擇符的實例
3.2.4 偽類
範例: 一個使用偽類選擇符的實例
3.2.5 子選擇符
範例: 一個使用子選擇符的實例
3.2.6 選擇符分組
範例: 一個使用選擇符分組的實例
3.2.7 選擇符的優先權
範例: 一個關於選擇符優先權的實例
3.3 屬性
3.4 屬性值
3.4.1 長度值
3.4.2 百分比值
3.4.3 顏色值
3.4.4 URL值
3.5 默認值
範例: 一個使用默認值的實例
3.6 繼承值
範例: 一個使用繼承性的實例
3.7 套用樣式的優先權
範例: 一個關於套用樣式優先權的實例
第2篇 CSS盒模型和塊元素的定位
第4章 CSS控制元素的大小
4.1 盒模型的概念
4.1.1 塊元素和內聯元素
4.1.2 元素寬度的計算
4.2 元素內容的大小
4.2.1 寬度屬性width
範例: 一個使用寬度屬性的實例
4.2.2 高度屬性height
範例: 一個使用height(高度)屬性的實例
4.2.3 內容與寬度、高度屬性的關係
範例: 一個元素內容超出元素定義大小的實例
4.2.4 最大寬度屬性max-width
範例: 一個使用最大寬度屬性的實例
4.2.5 最小寬度屬性min-width
範例: 一個使用最小寬度屬性的實例
4.2.6 最大高度屬性max-height
範例: 一個使用最大高度屬性的實例
4.2.7 最小高度屬性min-height
範例: 一個使用最小高度屬性的實例