CSS入門經典

CSS入門經典

《CSS入門經典》作 者:(美國)(RichardYork)約克,清華大學出版社出版。

基本信息

內容簡介

現在,對於您來說,構建極其漂亮的Web站點的本領將唾手可得。本書詳細而有條理地介紹了如何結合使用層疊樣式表(CSS)與HTML、XHTML、XML,創建豐富而有強烈視覺衝擊力的Web設計。本書的內容是以瀏覽器為中心展開的,所以您可以輕鬆地開發出與IE6、IE7、Firefox2、Opera9和Safari2兼容的站點。

通過提供突出顯示的示例代碼和展現內容豐富的Web頁面,本書向您展示了CSS的工作方式和原理。從基於CSS的Web設計原理及操作文檔顯示的屬性,到各種高級的CSS概念、技巧(如多欄布局和垂直居中定位元素),從解決IE中諸多的常見Bug,到實用性極強的案例研究……,最終使您掌握將自己的站點提升到更高層次的必備技能。

本書主要內容:CSSLevel1、2、2.1和3規範的相關知識、操縱文本和選擇字型效果的方式、IE6和IE7的Bug及解決方案、如何控制文檔布局、使用背景增強Web設計的技巧、4種不同類型的定位方式:靜態、相對、絕對和固定、如何改變XML、HTML/XHTML文檔中元素的行為。

作者簡介

RichardYord是一名專業的Web應用程式開發人員,他在2004年編寫了本書的第1版,也是《CSSInstantResults》(Wrox,2006)一書的作者。

Richard在印第安那大學與普渡大學印第安那波里斯聯合分校學習時就開始了他的Web開發生涯。在加強專業課程學習的同時,他還掌握了各種Web開發的相關技術,包括HTML/XHTML、CSS、JavaScrlpt、PHP和MySQL。作為開源軟體的積極支持者,他為PHPPEAR編寫了開源的webmail套用-程式。目前,他正從事於開源的PHP框架Hierophant的開發。

序言

CSS(Cascading Style Sheet,層疊樣式表)是用於網站呈現的現代標準。當與結構化標記語言,像HTML、XHTML或XML(不限於這些)結合使用時,CSS提供給Internet瀏覽器的信息使它們能夠表現Web文檔的所有可視效果。CSS套用於框線、段落、標題和圖像間的間距、字型外觀或顏色的控制、背景顏色及圖像、像下劃線和刪除線這樣的文字效果、分層、定位,以及許多其他的呈現效果。

目錄

第Ⅰ部分基礎知識

第1章層疊樣式表簡介

1.1誰負責創建和維護CSS

1.2Internet工作原理

1.3CSS的現狀

1.4各種瀏覽器

1.4.1InternetExplorer

1.4.2Gecko瀏覽器:MozillaFirefox、Netscape、Camino

1.4.3Safari

1.4.4Opera

1.5編寫CSS

1.6第一個套用CSS的文檔

1.7使用CSS的優點

1.8小結

第2章基本概念

2.1CSS規則

2.2選擇器

2.3聲明

2.4分組選擇器

2.5CSS注釋

2.6屬性值

2.6.1關鍵字

2.6.2字元串

2.6.3長度和量度

2.6.4數字

2.6.5顏色

2.6.6URI

2.7在文檔中包含CSS

2.7.1包含內嵌樣式

2.7.2連結外部樣式表

2.7.3導入樣式表

2.7.4內聯樣式

2.8小結

2.9練習

第3章選擇器

3.1類和ID選擇器

3.1.1類選擇器

3.1.2ID選擇器

3.2通用選擇器

3.3後代選擇器

3.4直接子選擇器

3.5相鄰選擇器

3.6屬性選擇器

3.6.1基於屬性值的選擇

3.6.2屬性子字元串選擇器

3.7偽元素:first-letter和:first-line

3.8偽類

3.8.1動態偽類

3.8.2first-child結構化偽類

3.9小結

3.10練習

第4章層疊和繼承

4.1層疊

4.1.1計算選擇器的針對性

4.1.2!important規則

4.2繼承

4.3小結

4.4練習

第Ⅱ部分屬性

第5章文本屬性

5.1letter-spacing屬性

5.2word-spacing屬性

5.3用text-indent屬性

縮進段落文本

5.4用text-align屬性對齊文本

5.5text-decoration屬性

5.6text-transform屬性

5.7white-space屬性

5.8小結

5.9練習

第6章字型屬性

6.1用font-family屬性

指定字型

6.1.1字型族

6.1.2通用字型族

6.2font-style屬性

6.3font-variant屬性

6.4font-weight屬性

6.5font-size屬性

6.5.1絕對字型尺寸

6.5.2相對字型尺寸

6.5.3百分比字型尺寸

6.6字型簡寫屬性

6.6.1font屬性

6.6.2系統字型

6.7小結

6.8練習

第7章盒模型

7.1概述

7.2margin屬性

7.2.1帶有4個值的

margin屬性

7.2.2帶有三個值的

margin屬性

7.2.3帶有兩個值的

margin屬性

7.2.4帶有一個值的

margin屬性

7.2.5外邊距摺疊

7.2.6用margin屬性來水平對齊元素

7.3框線

7.3.1border-width屬性

7.3.2border-style屬性

7.3.3border-color屬性

7.3.4框線簡寫屬性

7.4padding屬性

7.5設定尺寸

7.5.1width屬性

7.5.2height屬性

7.5.3寬度和高度的auto值

7.5.4百分比量度

7.5.5IE在Quirk模式下的寬度和高度

7.5.6最小和最大尺寸

7.6溢出的內容

7.7小結

7.8練習

第8章CSS浮性:浮動和垂直對齊

8.1float屬性

8.2clear屬性

8.3IE6中的浮動bug

8.3.1Peek-A-BooBug

8.3.2GuillotineBug

8.3.3Three-PixelJog

8.3.4Double-MarginBug

8.4vertical-align屬性

8.4.1上標和下標文本

8.4.2top、middle和bottom關鍵字

8.4.3text-top和text-bottom關鍵字

8.4.4百分比和長度值

8.4.5垂直對齊表格單元的內容

8.5小結

8.6練習

第9章列表屬性

9.1list-style-type屬性

9.1.1樣式化無序列表

9.1.2樣式化有序列表

9.2list-style-image屬性

9.3list-style-position屬性

9.4list-style簡寫屬性

9.5小結

9.6練習

第10章背景屬性

10.1background-color屬性

10.2background-image屬性

10.3background-repeat屬性

10.4background-position屬性

10.4.1混合不同類型的位置值

10.4.2平鋪和定位

10.5background-attachment屬性

10.6background簡寫屬性

10.7小結

10.8練習

第11章定位屬性

11.1定位簡介

11.1.1絕對定位

11.1.2相對定位

11.1.3固定定位

11.2z軸和z-index屬性

11.2.1值為整數的z-index屬性

11.2.2嵌套的元素分層

11.2.3IE6/IE7的z-index問題

11.3套用定位的其他方式

11.3.1水平和垂直對齊定位的內容

11.3.2多欄布局

11.4小結

11.5練習

第12章表格屬性

12.1可選的表格元素

12.2表格標題以及caption-side屬性

12.3表格列

12.4使用table-layout屬性控制表的寬度

12.5使用border-collapse屬性刪除單元格間距

12.6border-spacing屬性

12.7小結

12.8練習

第Ⅲ部分高級CSS和可選擇的媒體

第13章列印樣式

13.1基於媒體套用樣式

13.2@media規則

13.3控制頁面中斷

13.4小結

13.5練習

第14章XML

14.1XML速成

14.2創建XML模式

14.3display屬性

14.3.1使用display:inline設計行內元素

14.3.2使用display:block設計塊級元素

14.3.3使用display:list-item設計列表項

14.3.4表格顯示值

14.4其他顯示值

14.5小結

14.6練習

第15章Cursor屬性

15.1指針兼容性

15.2自定義指針

15.3其他CSS資源

15.4本書線上版

15.5小結

15.6練習

附錄A習題答案

附錄BCSS參考

附錄CCSS顏色

附錄D瀏覽器呈現模式

……

試讀內容

第Ⅰ部分 基礎知識

第1章 層疊樣式表簡介

層疊樣式表(Cascading Style Sheets,CSS)是簡化網站設計和開發的一種語言。簡單地說,CSS處理的是Web頁面的外觀。利用CSS可以控制文本的顏色、字型的樣式、段落的間距、分欄的大小和布局、背景的圖片或顏色,以及其他各種可視化效果。

雖然CSS十分易學易懂,但它卻提供了對文檔表現的強大控制能力。通常,CSS與標記語言HTML或XHTML一起使用。這些標記語言包含Web頁面上顯示的真實文本(如超連結、段落、標題、列表和表格),同時也是Web文檔的粘合劑。標記語言中不僅包含Web頁面的數據,也包含為Web頁面添加樣式信息的CSS文檔和JavaScript。JavaScript是為網頁提供動態互動功能的另一種語言。

HTML和XHTML這兩種語言非常類似。實際上,對於現今的大多數文檔而言,除了XHTML對語法有一些嚴格要求之外,這兩種語言幾乎沒有什麼差別。本書第2章將詳細介紹這兩種語言的區別,屆時將提供一些簡單的示例來介紹每種語言的形式,以及如何使用它們與CSS共同來創建Web頁面。本章將主要介紹以下幾個方面:

·W3C,規劃和建議Web功能和發展方向的組織

·Internet文檔的工作原理,它們的來源,以及瀏覽器如何顯示它們

·Internet簡史

·CSS為何是一種必需的解決方案

·使用CSS的好處

下面將介紹W3C(World Wide Web Consortium,全球資訊網聯盟)組織,該組織對如何使用和實現CSS及其他針對Web的語言制定推薦規範。

1.1 誰負責創建和維護CSS

創建基礎理論、規劃層疊樣式表在瀏覽器中的功能和作用,是W3C這箇中立組織的任務。W3C也對Internet的作用及其發展方向給出了建議。這裡之所以使用“方向”,是因為W3C目前還沒有對其定義標準的實現方式進行任何控制。W3C由一些成員公司和組織組成,他們一起創建有關Web功能的約定標準。許多卓越的公司和組織都是W3C的成員,包括Microsoft、Adobe、The Mozilla Foundation、Apple、Opera Software,以及IBM。W3C還負責對一些Web語言的規划進行監督,包括CSS、HTML、XHTML和XML,本書將提及全部這些語言。

……

相關搜尋

熱門詞條

聯絡我們