Cascading Style Sheets by Example
暫譯: 範例學習層疊樣式表

Steve Callihan, Steven E. Callihan

  • 出版商: QUE
  • 出版日期: 2001-11-07
  • 售價: $1,710
  • 貴賓價: 9.5$1,625
  • 語言: 英文
  • 頁數: 400
  • 裝訂: Paperback
  • ISBN: 0789726173
  • ISBN-13: 9780789726179
  • 海外代購書籍(需單獨結帳)

買這商品的人也買了...

商品描述

Cascading Style Sheets (CSS) by Example allows you to learn the fundamentals of CSS by taking you through small, gradual steps. It provides examples using CSS in "real world" scenarios. Cascading Style Sheets (CSS) by Example follows a logical, linear teaching style that will ultimately have you using CSS to utilize more control over the appearance and styling of Web pages.

Table of Contents

Introduction.

I. CREATING YOUR FIRST STYLE SHEET.

1. Getting Oriented.

What Is a Style Sheet? Implementation of CSS in Browsers. CSS and HTML. Downloading and Extracting the Example Files. Using a Text Editor to Work with the Examples. What's Next?


2. Setting Your Page's Base Styles.

Checking Which Browser You're Using. Using This Chapter's Example File. A Quick Word About Using the Example File. Controlling the Body of Your Page. Setting the P Rule for Paragraphs. What's Next?


3. Setting Your Page's Other Styles.

Using the Example File. Setting the H1 Rule. Using a Group Selector to Set the Other Heading Characteristics. Setting the List Characteristics. Setting the Address Characteristics. What's Next?

II. UNDERSTANDING BASIC CONCEPTS


4. Using CSS with HTML.

Containment in HTML. Separating Appearance from Structure. CSS and Deprecated Elements and Attributes. A Word About Frames. The Three Flavors of HTML. What's Next?


5. Cascading, Grouping, and Inheritance.

How Cascading Works. How Grouping Works. How Inheritance Works. What's Next?

III. WORKING WITH COLORS, FONTS, AND TEXT.


6. Working with Colors and Backgrounds.

Using the Example File. Setting Foreground and Background Colors. Setting Background Images. Using the Background Shorthand Property. What's Next?


7. Working with Fonts.

Using the Example File. Setting Font Sizes. Setting Font Families. Setting Font Weights. Setting Font Styles and Variants. Using the Font Stretch Property. Using the Font Shorthand Property. Font Matching and the @font-face At-Rule. What's Next?


8. Working with Text and Links.

Using the Example File. Horizontally Aligning Text. Indenting the First Text Line. Controlling the Line Height. Controlling Letter and Word Spacing. Setting Underlining, Overlining, and Other Highlighting. Controlling Capitalization. Setting Text Shadows. Using the SPAN Element. Controlling the Appearance of Links. What's Next?

IV. WORKING WITH BLOCK ELEMENTS AND OBJECTS.


9. Formatting Block Elements.

Understanding the CSS Formatting Model. Using the Example File. Setting Margins. Setting Padding. Setting Borders. Using the DIV Element. Setting Padding, Borders, and Margins for Images and Other Objects. What's Next?


10. Aligning, Floating, and Positioning.

Horizontally Aligning Block Elements. Floating Elements. Creating an Online Picture Gallery. Positioning Elements. What's Next?

V. WORKING WITH LISTS AND TABLES.


11. Working with Lists.

Creating Bulleted Lists. Creating Link Lists. Creating Numbered Lists. Creating Glossary Lists. What's Next?


12. Working with Tables.

Using the Example HTML File. CSS and Tables. Controlling Table Width and Horizontal Alignment. Controlling Spacing, Padding, and Borders. Aligning Table Cell Contents. Working with Rows and Columns. Putting On the Finishing Touches. What's Next?

VI. GETTING DEEPER INTO USING STYLES.


13. Creating Menus and Interfaces.

Using the Example HTML File. Creating Interactive Menus. Creating an Interactive Sidebar Menu. Creating a Ribbon Menu. What's Next?


14. Creating Page Layouts and Site Designs.

Using the Example HTML Files. Keeping It Simple. Using a Fixed Sidebar Background. Creating Multi-Column Layouts. Creating a Three-Column Layout. Creating Site Designs. What's Next?

VII. VALIDATION AND COMPATIBILITY.


15. Validating Your Style Sheet.

Why Validate? Validation Options. The W3C's CSS and HTML Validators. Using the WDG's CSS and HTML Validators. Using Other HTML Validators and Page Checkers. What's Next?


16. Providing for Backward Compatibility.

Using the Example File. What About Non-Conforming Browsers? Using Gateway Pages and Browser Sniffers. Participating in the Web Standards Project. Using the LINK Element with a MEDIA Attribute. Finding Out What Works (and Doesn't Work) in Which. Browsers. The Comment Bug. A Practical Example. Understanding How DocType Switching Works. What's Next?

VIII. APPENDIXES.


Appendix A. CSS Quick Reference.

Containment and Application in HTML. CSS1 Properties (Alphabetical). A Look Ahead at CSS3.


Appendix B. Using CSS with Other Technologies.

Using JavaScript with CSS. Creating Dynamic Styles with Dynamic HTML. Using CSS with XML.


Appendix C. Overview of CSS Software Tools.

Style Sheet Editors. CSS-Supporting HTML Editors and Web Publishing. Text Editors. Windows. Macintosh. Other Platforms. Miscellaneous Utilities.


Index.

商品描述(中文翻譯)

《範例學習層疊樣式表 (CSS)》讓您透過小而逐步的步驟學習 CSS 的基本概念。它提供了在「真實世界」場景中使用 CSS 的範例。《範例學習層疊樣式表 (CSS)》遵循邏輯且線性的教學風格,最終將使您能夠使用 CSS 更好地控制網頁的外觀和樣式。

目錄

引言。

I. 創建您的第一個樣式表。
1. 了解基本概念。
什麼是樣式表?在瀏覽器中實作 CSS。CSS 與 HTML。下載和提取範例檔案。使用文本編輯器處理範例。接下來該做什麼?

2. 設定頁面的基本樣式。
檢查您使用的瀏覽器。使用本章的範例檔案。關於使用範例檔案的簡單說明。控制頁面的主體。為段落設定 P 規則。接下來該做什麼?

3. 設定頁面的其他樣式。
使用範例檔案。設定 H1 規則。使用群組選擇器設定其他標題特性。設定列表特性。設定地址特性。接下來該做什麼?

II. 理解基本概念。
4. 在 HTML 中使用 CSS。
HTML 中的包含性。將外觀與結構分開。CSS 與已棄用的元素和屬性。關於框架的說明。HTML 的三種形式。接下來該做什麼?

5. 層疊、分組和繼承。
層疊如何運作。分組如何運作。繼承如何運作。接下來該做什麼?

III. 處理顏色、字型和文本。
6. 處理顏色和背景。
使用範例檔案。設定前景和背景顏色。設定背景圖片。使用背景簡寫屬性。接下來該做什麼?

7. 處理字型。
使用範例檔案。設定字型大小。設定字型系列。設定字型粗細。設定字型樣式和變體。使用字型拉伸屬性。使用字型簡寫屬性。字型匹配和 @font-face 規則。接下來該做什麼?

8. 處理文本和連結。
使用範例檔案。水平對齊文本。縮排第一行文本。控制行高。控制字母和單詞間距。設定下劃線、上劃線和其他高亮顯示。控制字母大小寫。設定文本陰影。使用 SPAN 元素。控制連結的外觀。接下來該做什麼?

IV. 處理區塊元素和物件。
9. 格式化區塊元素。
理解 CSS 格式化模型。使用範例檔案。設定邊距。設定內邊距。設定邊框。使用 DIV 元素。為圖片和其他物件設定內邊距、邊框和邊距。接下來該做什麼?

10. 對齊、浮動和定位。
水平對齊區塊元素。浮動元素。創建在線圖片畫廊。定位元素。接下來該做什麼?

V. 處理列表和表格。
11. 處理列表。
創建項目符號列表。創建連結列表。創建編號列表。創建詞彙表列表。接下來該做什麼?

12. 處理表格。
使用範例 HTML 檔案。CSS 與表格。控制表格寬度和水平對齊。控制間距、內邊距和邊框。對齊表格單元格內容。處理行和列。進行最後的修飾。接下來該做什麼?

VI. 更深入地使用樣式。
13. 創建菜單和介面。
使用範例 HTML 檔案。創建互動式菜單。創建互動式側邊菜單。創建帶狀菜單。接下來該做什麼?

14. 創建頁面佈局和網站設計。
使用範例 HTML 檔案。保持簡單。使用固定側邊背景。創建多欄佈局。創建三欄佈局。創建網站設計。接下來該做什麼?

VII. 驗證和相容性。
15. 驗證您的樣式表。
為什麼要驗證?驗證選項。W3C 的 CSS 和 HTML 驗證器。使用 WDG 的 CSS 和 HTML 驗證器。使用其他 HTML 驗證器和頁面檢查工具。接下來該做什麼?

16. 提供向後相容性。
使用範例檔案。對於不符合標準的瀏覽器怎麼辦?使用網關頁面和瀏覽器嗅探器。參與網頁標準專案。使用帶有 MEDIA 屬性的 LINK 元素。找出哪些在什麼瀏覽器中有效(或無效)。註解錯誤。一個實用的範例。理解 DocType 切換的運作方式。接下來該做什麼?

VIII. 附錄。
附錄 A. CSS 快速參考。
HTML 中的包含性和應用。CSS1 屬性(按字母順序)。展望 CSS3。

附錄 B. 與其他技術一起使用 CSS。
與 JavaScript 一起使用 CSS。使用動態 HTML 創建動態樣式。與 XML 一起使用 CSS。

附錄 C. CSS 軟體工具概述。
樣式表編輯器。支持 CSS 的 HTML 編輯器和網頁發布工具。文本編輯器。Windows。Macintosh。其他平台。其他實用工具。

索引。