Study css-report：Reading journals ofCSS: The Definitive Guide, 3rd Edition

1. Reading journals of
CSS: The Definitive
Guide, 3rd Edition
Chapter 1. CSS and
Documents
Dale 2012-03-23

2. What’s CSS?
• Cascading Style Sheets (CSS)
• Example

3. Why CSS?
• Function
– separate a document‘s structure from its
presentation 使web文档的结构与表现分离
– Easy of Use
• a single rule can control all elements in the document.
• instead of

4. How to use?
• 3 way to Bringing CSS and XHTML Together +1
– The link Tag
– @Import
– Inline Styles 内联 use HTML attribute style

5. Somethings else in chapter 1
• 样式层叠性 cascade
• Css注释 /**/
• Element 元素
– 替换(img)|非替换元素()
– 块元素(div p)|行内元素em a strong

6. Chapter 2. Selectors
选择器
Dale 2012-03-23

7. Detail Description
• p is a selector
• font-size is a property
• 12px is a value

8. Basic concept 基本概念
• Element Selectors 元素选择器
– p body a …or XML lable.
• Declarations声明
– Example：
• Keywords关键字(属性值)
– Special

9. 2.2. Grouping
• 2.2.1. Grouping Selectors
• 2.2.2. Grouping Declarations
• 2.2.3. Grouping Everything

10. 2.3. Class and ID Selectors

11. 2.4. Attribute Selectors
•
• XML

12. • 2.4.2. Selection Based on Exact Attribute Value
• 2.4.3. Selection Based on Partial Attribute
Values

13. Table 2-1. Substring matching attribute selectors
• 2.4.4. A Particular Attribute Selection Type 特定属性选择

14. 2.5. Using Document Structure
• 2.5.1. Understanding the Parent-Child Relationship

15. 2.5.2. Descendant Selectors

16. 2.6. Pseudo-Classes and Pseudo-
Elements 伪类与伪元素

17. Pseudo-Elements
• The end of Chapter 2.