CSS Pocket Reference: Visual Presentation for the Web

206 Pages·2018·4.01 MB·English

by  Eric A. Meyer

C SS
Pocket
Reference
VISUAL PRESENTATION FOR THE WEB
Eric A. Meyer
5th Edition
Covers CSS3
FIFTH EDITION
CSS Pocket Reference
Eric A. Meyer
CSS Pocket Reference
by Eric A. Meyer
Copyright © 2018 O’Reilly Media, Inc. All rights reserved.
Printed in the United States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebasto‐
pol, CA 95472.
O’Reilly books may be purchased for educational, business, or sales promo‐
tional use. Online editions are also available for most titles (http://oreilly.com/
safari). For more information, contact our corporate/institutional sales
department: 800-998-9938 or
Table of Contents
Preface v
Chapter 1: Basic Concepts 1
Adding Styles to HTML 1
Rule Structure 5
At-rules 6
Comments 7
Style Precedence 8
Element Classifcation 10
Element Display Roles 11
Basic Visual Layout 13
Floating 17
Positioning 18
Flexible Box Layout 20
Grid Layout 22
Table Layout 27
Chapter 2: Values 35
Keywords 35
Color Values 36
iii
Number Values 39
Percentage Values 39
Length Values 39
Fraction Values 43
URIs 43
Angles 43
Times 43
Frequencies 44
Position 44
Strings 44
Identifers 45
Attribute Values 45
Calculation Values 45
Variable Values 46
Chapter 3: Selectors and Queries 49
Selectors 49
Structural Pseudo-Classes 53
The Negation Pseudo-Class 59
Interaction Pseudo-Classes 60
Pseudo-Elements 63
Media Queries 65
Feature Queries 70
Chapter 4: Property Reference 73
Inheritance and Animation 73
Value Syntax Conventions 73
Universal Values 75
Properties 75
Index 187
iv | Table of Contents
Preface
Cascading Style Sheets (CSS) is the World Wide Web Consor‐
tium (W3C) standard for the visual presentation of web pages
(although it can be used in other settings as well). After a short
introduction to the key concepts of CSS, this pocket reference
provides an alphabetical reference to all CSS3 selectors, fol‐
lowed by an alphabetical reference to CSS3 properties.
Conventions Used in This Book
The following typographical conventions are used in this book:
Italic
Used to indicate new terms, URLs, filenames, file exten‐
sions, directories, commands and options, and program
names. For example, a path in the filesystem will appear as
C:\windows\system.
<Italic> inside angle brackets
Shows text that should be replaced with user-supplied val‐
ues or by values determined by context.
Constant width
Used to show the contents of files, or the output from
commands.
v
There are further conventions relating to value syntax. These
are explained at the beginning of Chapter 4.
Using Code Examples
This book is here to help you get your job done. In general, you
may use the code in this book in your programs and documen‐
tation. You do not need to contact us for permission unless
you’re reproducing a significant portion of the code. For exam‐
ple, writing a program that uses several chunks of code from
this book does not require permission. Selling or distributing a
CD-ROM of examples from O’Reilly books does require per‐
mission. Answering a question by citing this book and quoting
example code does not require permission. Incorporating a sig‐
nificant amount of example code from this book into your pro‐
duct’s documentation does require permission.
We appreciate, but do not require, attribution. An attribution
usually includes the title, author, publisher, and ISBN. For
example: “CSS Pocket Reference, 5th Edition, by Eric A. Meyer
(O’Reilly). Copyright 2018 O’Reilly Media, Inc.,
978-1-492-03339-4.”
If you feel your use of code examples falls outside fair use or
the permission given above, feel free to contact us at permis‐
over 250 publishers, including O’Reilly Media, Harvard Busi‐
ness Review, Prentice Hall Professional, Addison-Wesley Pro‐
fessional, Microsoft Press, Sams, Que, Peachpit Press, Adobe,
Focal Press, Cisco Press, John Wiley & Sons, Syngress, Morgan
Kaufmann, IBM Redbooks, Packt, Adobe Press, FT Press, Apr‐
ess, Manning, New Riders, McGraw-Hill, Jones & Bartlett, and
Course Technology, among others.
For more information, please visit http://oreilly.com/safari.
How to Contact Us
Visit Eric A. Meyer’s website at http://meyerweb.com/ or follow
@meyerweb on Twitter.
Please address comments and questions concerning this book
to the publisher:
O’Reilly Media, Inc.
1005 Gravenstein Highway North
Sebastopol, CA 95472
800-998-9938 (in the United States or Canada)
707-829-0515 (international or local)
707-829-0104 (fax)
We have a web page for this book, where we list errata, exam‐
ples, and any additional information. You can access this page
at http://bit.ly/css-pocket-ref-5e.
To comment or ask technical questions about this book, send
email to