The Book of CSS3 - A Developer\'s Guide to the Future of Web Design (2nd edition)
xx Introduction In short, I hope to give you some new tools for your toolkit that will let you make even cooler stuff. The Scope ...
Introduction xxi Chapter 11 introduces CSS gradients, a method of transitioning between two or more colors to make unique backgr ...
xxii Introduction Since publication of the first edition of this book, we’ve seen four major versions of Safari and three of Int ...
1 IntroducIng cSS3 In this first chapter, I’ll cover the code conventions used in this book and dis- cuss some syntax that’s uni ...
2 Chapter 1 What CSS3 Is and How It Came to Be First, I want to discuss what CSS3 is—and isn’t—and the form it takes. The W3C’s ...
Introducing CSS3 3 This is why, instead of a single, monolithic CSS3 specification docu- ment, you have CSS3 Basic User Interfac ...
4 Chapter 1 Before a document can progress from a Working Draft, its status changes to Last Call, which means the review period ...
Introducing CSS3 5 With all that said, let’s pretend we have a new property called monkeys (I’ve always wanted a monkeys propert ...
6 Chapter 1 Let’s Get Started That should be everything you need to get started with this book—except, of course, an inquisitive ...
2 Media Queries Back when the World Wide Web was some- thing you only accessed via a browser on your desktop or laptop, writing ...
8 Chapter 2 But this approach has a number of flaws—not least of which is that using it is like wielding a pretty blunt instrume ...
Media Queries 9 For example, take a look at the technology website The Next Web (http://thenextweb.com/), as shown in Figure 2-1 ...
10 Chapter 2 The second is to call an external style sheet using the @import directive: @import url('file') logic media and (exp ...
Media Queries 11 if you’re writing rules that will apply to all media types you won’t need to specify them in the media query co ...
12 Chapter 2 Expressions will become clearer as I talk through the different media features and explain when values are required ...
Media Queries 13 Figure 2-2: Different style rules applied with the width media feature, displayed in a desk- top browser and mo ...
14 Chapter 2 You can see this illustrated in Figure 2-3. The example on the left shows one CSS pixel on a “normal” screen with a ...
Media Queries 15 This flexibility makes serving higher-resolution background images to browsers with higher pixel density easier ...
16 Chapter 2 and device-width, in physical pixels. To make content readable and “natural sized” on a small screen, both dimensio ...
Media Queries 17 By default, the li elements have a float value of left, making them stack horizontally across the page. If the ...
«
1
2
3
4
5
6
7
8
9
10
»
Free download pdf