The Book of CSS3 - A Developer\'s Guide to the Future of Web Design (2nd edition)
18 Chapter 2 Selecting by aspect ratio is potentially fraught with caveats. For example, some device manufacturers define widesc ...
Media Queries 19 Problems arose because some early adopters of media queries would, for example, apply large background images t ...
20 Chapter 2 The rise of the responsive web design movement in the past few years has been fueled by the power of media queries, ...
3 SelectorS Selectors are the heart of CSS, and although the original CSS1 specification had only 5 or 6, CSS2 expanded the rang ...
22 Chapter 3 has widespread and stable implementation across browsers. Unless you specifically need to support IE6, you can star ...
Selectors 23 The final selector, the Language Attribute Selector, applies rules to ele- ments that have an attribute matching th ...
24 Chapter 3 I’ll apply this selector to the example markup: a[title^='image'] {...} In this case, the rule will be applied to t ...
Selectors 25 Figure 3-2: More examples of link icons with the Beginning Selector Of course, the Beginning Selector also has many ...
26 Chapter 3 Just like the Beginning Selector, you can use this selector to provide visual clarity to hyperlinks. But this time, ...
Selectors 27 You may notice that this selector is somewhat similar to the Partial Attribute Value Selector from CSS2, and, indee ...
28 Chapter 3 If you want to specify a rule to apply to only the second p element, you can chain some selectors together: a[href^ ...
Selectors 29 Figure 3-4: The difference between the Adjacent Sibling and General Sibling Combinators The paragraph elements an ...
30 Chapter 3 elements and attributes. Of course, on occasion, styling elements and attri- butes only isn’t sufficient for your p ...
4 Pseudo-cl asses and Pseudo-elements The very first CSS specification, CSS1, introduced the concepts of pseudo-classes and pseu ...
32 Chapter 4 The advantage of having more methods for traversing documents should be clear: Fewer styling hooks are required. Yo ...
Pseudo-classes and Pseudo-elements 33 Take, for example, the following markup: <div> <p>Lorem ipsum.</p> <p ...
34 Chapter 4 The first example selects every element of type E except for the first instance; the count for this would be 2, 3, ...
Pseudo-classes and Pseudo-elements 35 These rules are much easier to demonstrate than they are to explain. I’ll demonstrate the ...
36 Chapter 4 Figure 4-2: Weather forecast table (left) and better formatted for readability (right). Weather data from http://bb ...
Pseudo-classes and Pseudo-elements 37 :first-of-type, :last-child, and :last-of-type If you take a look at the tables in Figure ...
«
1
2
3
4
5
6
7
8
9
10
»
Free download pdf