
CSS Pocket Reference
Description
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
When youâ??re working with CSS and need an answer now, this concise yet comprehensive quick reference provides the essential information you need. Revised and updated for CSS3, this fifth edition is ideal for intermediate to advanced web designers and developers.
Youâ??ll find a short introduction to the key concepts of CSS and alphabetical summaries of CSS selectors and properties. Youâ??ll also discover information on new properties, including grid, flexbox, clipping, masking, and compositing.
- Quickly find the information you need
- Explore CSS concepts, values, selectors and queries, and properties
- Learn how new features complement and extend your CSS practices
- Discover new properties including animations, grid, flexbox, masking, filtering, and compositing in this new edition
More details
Other editions
Additional editions

Previous edition

Content
- Intro
- Copyright
- Table of Contents
- Preface
- Conventions Used in This Book
- Using Code Examples
- O'Reilly Safari
- How to Contact Us
- Chapter 1. Basic Concepts
- Adding Styles to HTML
- Inline Styles
- Embedded Stylesheets
- External Stylesheets
- Rule Structure
- At-rules
- Comments
- Style Precedence
- Specificity Calculations
- Inheritance
- The Cascade
- Element Classification
- Nonreplaced Elements
- Replaced Elements
- Element Display Roles
- Block-Level
- Inline-Level
- Basic Visual Layout
- Block-Level Layout
- Inline Layout
- Floating
- Positioning
- Types of Positioning
- The Containing Block
- Flexible Box Layout
- Grid Layout
- Table Layout
- Table Arrangement Rules
- Fixed Table Layout
- Automatic Table Layout
- Collapsing Cell Borders
- Vertical Alignment Within Cells
- Chapter 2. Values
- Keywords
- Color Values
- Number Values
- Percentage Values
- Length Values
- Absolute Length Units
- Relative Length Units
- Fraction Values
- URIs
- Angles
- Times
- Frequencies
- Position
- Strings
- Identifiers
- Attribute Values
- Calculation Values
- Variable Values
- Chapter 3. Selectors and Queries
- Selectors
- Universal Selector
- Type Selector
- Descendant Selector
- Child Selector
- Adjacent Sibling Selector
- General Sibling Selector
- Class Selector
- ID Selector
- Simple Attribute Selector
- Exact Attribute Value Selector
- Partial Attribute Value Selector
- Beginning Substring Attribute Value Selector
- Ending Substring Attribute Value Selector
- Arbitrary Substring Attribute Value Selector
- Language Attribute Selector
- Structural Pseudo-Classes
- :empty
- :first-child
- :first-of-type
- :lang
- :last-child
- :last-of-type
- :nth-child(an±b)
- :nth-last-child(an±b)
- :nth-last-of-type(an±b)
- :nth-of-type(an±b)
- :only-child
- :only-of-type
- :root
- The Negation Pseudo-Class
- :not(e)
- Interaction Pseudo-Classes
- :active
- :checked
- :disabled
- :enabled
- :focus
- :hover
- :link
- :target
- :visited
- Pseudo-Elements
- ::after
- ::before
- ::first-letter
- ::first-line
- Media Queries
- Basic Concepts
- Media Query Values
- Media Features
- Feature Queries
- Chapter 4. Property Reference
- Inheritance and Animation
- Value Syntax Conventions
- Universal Values
- Properties
- align-content Inh. N Anim. N
- align-items Inh. N Anim. N
- align-self Inh. N Anim. N
- all Inh. N Anim. N
- animation Inh. N Anim. N
- animation-delay Inh. N Anim. N
- animation-direction Inh. N Anim. N
- animation-duration Inh. N Anim. N
- animation-iteration-count Inh. N Anim. N
- animation-name Inh. N Anim. N
- animation-play-state Inh. N Anim. N
- animation-timing-function Inh. N Anim. N
- backface-visibility Inh. N Anim. N
- background Inh. N Anim. P
- background-attachment Inh. N Anim. N
- background-blend-mode Inh. N Anim. N
- background-clip Inh. N Anim. N
- background-color Inh. N Anim. Y
- background-image Inh. N Anim. N
- background-origin Inh. N Anim. N
- background-position Inh. N Anim. Y
- background-repeat Inh. N Anim. N
- background-size Inh. N Anim. Y
- border Inh. N Anim. P
- border-bottom Inh. N Anim. P
- border-bottom-color Inh. N Anim. Y
- border-bottom-left-radius Inh. N Anim. Y
- border-bottom-right-radius Inh. N Anim. Y
- border-bottom-style Inh. N Anim. N
- border-bottom-width Inh. N Anim. Y
- border-collapse Inh. Y Anim. Y
- border-color Inh. N Anim. Y
- border-image Inh. N Anim. P
- border-image-outset Inh. N Anim. Y
- border-image-repeat Inh. N Anim. N
- border-image-slice Inh. N Anim. P
- border-image-source Inh. N Anim. N
- border-image-width Inh. N Anim. Y
- border-left Inh. N Anim. P
- border-left-color Inh. N Anim. Y
- border-left-style Inh. N Anim. N
- border-left-width Inh. N Anim. Y
- border-radius Inh. N Anim. Y
- border-right Inh. N Anim. P
- border-right-color Inh. N Anim. Y
- border-right-style Inh. N Anim. N
- border-right-width Inh. N Anim. Y
- border-spacing Inh. Y Anim. Y
- border-style Inh. N Anim. N
- border-top Inh. N Anim. P
- border-top-color Inh. N Anim. Y
- border-top-left-radius Inh. N Anim. Y
- border-top-right-radius Inh. N Anim. Y
- border-top-style Inh. N Anim. N
- border-top-width Inh. N Anim. Y
- border-width Inh. N Anim. Y
- bottom Inh. N Anim. P
- box-decoration-break Inh. N Anim. N
- box-shadow Inh. N Anim. Y
- box-sizing Inh. N Anim. N
- caption-side Inh. Y Anim. N
- clear Inh. N Anim. N
- clip-path Inh. N Anim. P
- clip-rule Inh. N Anim. N
- color Inh. Y Anim. Y
- content Inh. N Anim. N
- counter-increment Inh. N Anim. N
- counter-reset Inh. N Anim. N
- cursor Inh. Y Anim. N
- direction Inh. Y Anim. Y
- display Inh. N Anim. N
- empty-cells Inh. Y Anim. N
- filter Inh. N Anim. Y
- flex Inh. N Anim. P
- flex-basis Inh. N Anim. P
- flex-direction Inh. N Anim. N
- flex-flow Inh. N Anim. N
- flex-grow Inh. N Anim. Y
- flex-shrink Inh. N Anim. Y
- flex-wrap Inh. N Anim. N
- float Inh. N Anim. N
- font Inh. Y Anim. P
- font-family Inh. Y Anim. N
- font-feature-settings Inh. Y Anim. N
- font-kerning Inh. Y Anim. N
- font-size Inh. Y Anim. P
- font-size-adjust Inh. Y Anim. Y
- font-stretch Inh. Y Anim. N
- font-style Inh. Y Anim. N
- font-synthesis Inh. Y Anim. N
- font-variant Inh. Y Anim. N
- font-weight Inh. Y Anim. N
- grid Inh. N Anim. N
- grid-area Inh. N Anim. N
- grid-auto-columns Inh. N Anim. N
- grid-auto-flow Inh. N Anim. N
- grid-auto-rows Inh. N Anim. N
- grid-column Inh. N Anim. N
- grid-column-end Inh. N Anim. N
- grid-column-gap Inh. N Anim. Y
- grid-column-start Inh. N Anim. N
- grid-gap Inh. N Anim. Y
- grid-row Inh. N Anim. N
- grid-row-end Inh. N Anim. N
- grid-row-gap Inh. N Anim. Y
- grid-row-start Inh. N Anim. N
- grid-template-areas Inh. N Anim. N
- grid-template-columns Inh. N Anim. N
- grid-template-rows Inh. N Anim. N
- height Inh. N Anim. Y
- hyphens Inh. Y Anim. N
- isolation Inh. N Anim. N
- justify-content Inh. N Anim. N
- left Inh. N Anim. P
- letter-spacing Inh. Y Anim. Y
- line-break Inh. Y Anim. Y
- line-height Inh. Y Anim. Y
- list-style Inh. Y Anim. N
- list-style-image Inh. Y Anim. N
- list-style-position Inh. Y Anim. N
- list-style-type Inh. Y Anim. N
- margin Inh. N Anim. Y
- margin-bottom Inh. N Anim. Y
- margin-left Inh. N Anim. Y
- margin-right Inh. N Anim. Y
- margin-top Inh. N Anim. Y
- mask Inh. N Anim. P
- mask-clip Inh. N Anim. N
- mask-composite Inh. N Anim. N
- mask-image Inh. N Anim. N
- mask-mode Inh. N Anim. N
- mask-origin Inh. N Anim. N
- mask-position Inh. N Anim. P
- mask-repeat Inh. N Anim. Y
- mask-size Inh. N Anim. P
- mask-type Inh. N Anim. N
- max-height Inh. N Anim. P
- max-width Inh. N Anim. P
- min-height Inh. N Anim. Y
- min-width Inh. N Anim. Y
- mix-blend-mode Inh. N Anim. N
- object-fit Inh. N Anim. N
- object-position Inh. N Anim. Y
- opacity Inh. N Anim. Y
- order Inh. N Anim. Y
- orphans Inh. N Anim. Y
- outline Inh. N Anim. P
- outline-color Inh. N Anim. Y
- outline-offset Inh. N Anim. N
- outline-style Inh. N Anim. N
- outline-width Inh. N Anim. Y
- overflow Inh. N Anim. N
- overflow-wrap Inh. Y Anim. Y
- overflow-x Inh. N Anim. N
- overflow-y Inh. N Anim. N
- padding Inh. N Anim. Y
- padding-bottom Inh. N Anim. Y
- padding-left Inh. N Anim. Y
- padding-right Inh. N Anim. Y
- padding-top Inh. N Anim. Y
- page Inh. N Anim. N
- page-break-after Inh. N Anim. N
- page-break-before Inh. N Anim. N
- page-break-inside Inh. Y Anim. N
- perspective Inh. N Anim. Y
- perspective-origin Inh. N Anim. P
- position Inh. N Anim. N
- quotes Inh. Y Anim. N
- resize Inh. N Anim. N
- right Inh. N Anim. P
- shape-image-threshold Inh. N Anim. Y
- shape-margin Inh. N Anim. Y
- shape-outside Inh. N Anim. P
- size Inh. N Anim. N
- tab-size Inh. Y Anim. Y
- table-layout Inh. Y Anim. N
- text-align Inh. Y Anim. N
- text-align-last Inh. Y Anim. N
- text-decoration Inh. N Anim. N
- text-indent Inh. Y Anim. Y
- text-orientation Inh. Y Anim. Y
- text-rendering Inh. Y Anim. Y
- text-shadow Inh. N Anim. Y
- text-transform Inh. Y Anim. N
- top Inh. N Anim. P
- transform Inh. N Anim. P
- transform-origin Inh. N Anim. P
- transform-style Inh. N Anim. N
- transition Inh. N Anim. N
- transition-delay Inh. N Anim. N
- transition-duration Inh. N Anim. N
- transition-property Inh. N Anim. N
- transition-timing-function Inh. N Anim. N
- unicode-bidi Inh. N Anim. Y
- vertical-align Inh. N Anim. P
- visibility Inh. Y Anim. N
- white-space Inh. N Anim. N
- widows Inh. N Anim. Y
- width Inh. N Anim. Y
- word-break Inh. Y Anim. Y
- word-spacing Inh. Y Anim. Y
- writing-mode Inh. Y Anim. Y
- z-index Inh. N Anim. Y
- Index
System requirements
File format: PDF
Copy-Protection: Adobe-DRM (Digital Rights Management)
System requirements:
- Computer (Windows; MacOS X; Linux): Install the free reader Adobe Digital Editions prior to download (see eBook Help).
- Tablet/smartphone (Android; iOS): Install the free app Adobe Digital Editions or the app PocketBook before downloading (see eBook Help).
- E-reader: Bookeen, Kobo, Pocketbook, Sony, Tolino and many more (only limited: Kindle).
The file format PDF always displays a book page identically on any hardware. This makes PDF suitable for complex layouts such as those used in textbooks and reference books (images, tables, columns, footnotes). Unfortunately, on the small screens of e-readers or smartphones, PDFs are rather annoying, requiring too much scrolling.
This eBook uses Adobe-DRM, a „hard” copy protection. If the necessary requirements are not met, unfortunately you will not be able to open the eBook. You will therefore need to prepare your reading hardware before downloading.
Please note: We strongly recommend that you authorise using your personal Adobe ID after installation of any reading software.
For more information, see our eBook Help page.