book

CSS Pocket Reference, 5th Edition

by Eric Meyer

April 2018

Beginner to intermediate

204 pages

3h 46m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Conventions Used in This BookUsing Code ExamplesO’Reilly SafariHow to Contact Us
Adding Styles to HTMLInline StylesEmbedded StylesheetsExternal StylesheetsRule StructureAt-rulesCommentsStyle PrecedenceSpecificity CalculationsInheritanceThe CascadeElement ClassificationNonreplaced ElementsReplaced ElementsElement Display RolesBlock-LevelInline-LevelBasic Visual LayoutBlock-Level LayoutInline LayoutFloatingPositioningTypes of PositioningThe Containing BlockFlexible Box LayoutGrid LayoutTable LayoutTable Arrangement RulesFixed Table LayoutAutomatic Table LayoutCollapsing Cell BordersVertical Alignment Within Cells
KeywordsColor ValuesNumber ValuesPercentage ValuesLength ValuesAbsolute Length UnitsRelative Length UnitsFraction ValuesURIsAnglesTimesFrequenciesPositionStringsIdentifiersAttribute ValuesCalculation ValuesVariable Values
SelectorsUniversal SelectorType SelectorDescendant SelectorChild SelectorAdjacent Sibling SelectorGeneral Sibling SelectorClass SelectorID SelectorSimple Attribute SelectorExact Attribute Value SelectorPartial Attribute Value SelectorBeginning Substring Attribute Value SelectorEnding Substring Attribute Value SelectorArbitrary Substring Attribute Value SelectorLanguage Attribute SelectorStructural 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:rootThe Negation Pseudo-Class:not(e)Interaction Pseudo-Classes:active:checked:disabled:enabled:focus:hover:link:target:visitedPseudo-Elements::after::before::first-letter::first-lineMedia QueriesBasic ConceptsMedia Query ValuesMedia FeaturesFeature Queries
Inheritance and AnimationValue Syntax ConventionsUniversal ValuesPropertiesalign-content Inh. N Anim. Nalign-items Inh. N Anim. Nalign-self Inh. N Anim. Nall Inh. N Anim. Nanimation Inh. N Anim. Nanimation-delay Inh. N Anim. Nanimation-direction Inh. N Anim. Nanimation-duration Inh. N Anim. Nanimation-iteration-count Inh. N Anim. Nanimation-name Inh. N Anim. Nanimation-play-state Inh. N Anim. Nanimation-timing-function Inh. N Anim. Nbackface-visibility Inh. N Anim. Nbackground Inh. N Anim. Pbackground-attachment Inh. N Anim. Nbackground-blend-mode Inh. N Anim. Nbackground-clip Inh. N Anim. Nbackground-color Inh. N Anim. Ybackground-image Inh. N Anim. Nbackground-origin Inh. N Anim. Nbackground-position Inh. N Anim. Ybackground-repeat Inh. N Anim. Nbackground-size Inh. N Anim. Yborder Inh. N Anim. Pborder-bottom Inh. N Anim. Pborder-bottom-color Inh. N Anim. Yborder-bottom-left-radius Inh. N Anim. Yborder-bottom-right-radius Inh. N Anim. Yborder-bottom-style Inh. N Anim. Nborder-bottom-width Inh. N Anim. Yborder-collapse Inh. Y Anim. Yborder-color Inh. N Anim. Yborder-image Inh. N Anim. Pborder-image-outset Inh. N Anim. Yborder-image-repeat Inh. N Anim. Nborder-image-slice Inh. N Anim. Pborder-image-source Inh. N Anim. Nborder-image-width Inh. N Anim. Yborder-left Inh. N Anim. Pborder-left-color Inh. N Anim. Yborder-left-style Inh. N Anim. Nborder-left-width Inh. N Anim. Yborder-radius Inh. N Anim. Yborder-right Inh. N Anim. Pborder-right-color Inh. N Anim. Yborder-right-style Inh. N Anim. Nborder-right-width Inh. N Anim. Yborder-spacing Inh. Y Anim. Yborder-style Inh. N Anim. Nborder-top Inh. N Anim. Pborder-top-color Inh. N Anim. Yborder-top-left-radius Inh. N Anim. Yborder-top-right-radius Inh. N Anim. Yborder-top-style Inh. N Anim. Nborder-top-width Inh. N Anim. Yborder-width Inh. N Anim. Ybottom Inh. N Anim. Pbox-decoration-break Inh. N Anim. Nbox-shadow Inh. N Anim. Ybox-sizing Inh. N Anim. Ncaption-side Inh. Y Anim. Nclear Inh. N Anim. Nclip-path Inh. N Anim. Pclip-rule Inh. N Anim. Ncolor Inh. Y Anim. Ycontent Inh. N Anim. Ncounter-increment Inh. N Anim. Ncounter-reset Inh. N Anim. Ncursor Inh. Y Anim. Ndirection Inh. Y Anim. Ydisplay Inh. N Anim. Nempty-cells Inh. Y Anim. Nfilter Inh. N Anim. Yflex Inh. N Anim. Pflex-basis Inh. N Anim. Pflex-direction Inh. N Anim. Nflex-flow Inh. N Anim. Nflex-grow Inh. N Anim. Yflex-shrink Inh. N Anim. Yflex-wrap Inh. N Anim. Nfloat Inh. N Anim. Nfont Inh. Y Anim. Pfont-family Inh. Y Anim. Nfont-feature-settings Inh. Y Anim. Nfont-kerning Inh. Y Anim. Nfont-size Inh. Y Anim. Pfont-size-adjust Inh. Y Anim. Yfont-stretch Inh. Y Anim. Nfont-style Inh. Y Anim. Nfont-synthesis Inh. Y Anim. Nfont-variant Inh. Y Anim. Nfont-weight Inh. Y Anim. Ngrid Inh. N Anim. Ngrid-area Inh. N Anim. Ngrid-auto-columns Inh. N Anim. Ngrid-auto-flow Inh. N Anim. Ngrid-auto-rows Inh. N Anim. Ngrid-column Inh. N Anim. Ngrid-column-end Inh. N Anim. Ngrid-column-gap Inh. N Anim. Ygrid-column-start Inh. N Anim. Ngrid-gap Inh. N Anim. Ygrid-row Inh. N Anim. Ngrid-row-end Inh. N Anim. Ngrid-row-gap Inh. N Anim. Ygrid-row-start Inh. N Anim. Ngrid-template-areas Inh. N Anim. Ngrid-template-columns Inh. N Anim. Ngrid-template-rows Inh. N Anim. Nheight Inh. N Anim. Yhyphens Inh. Y Anim. Nisolation Inh. N Anim. Njustify-content Inh. N Anim. Nleft Inh. N Anim. Pletter-spacing Inh. Y Anim. Yline-break Inh. Y Anim. Yline-height Inh. Y Anim. Ylist-style Inh. Y Anim. Nlist-style-image Inh. Y Anim. Nlist-style-position Inh. Y Anim. Nlist-style-type Inh. Y Anim. Nmargin Inh. N Anim. Ymargin-bottom Inh. N Anim. Ymargin-left Inh. N Anim. Ymargin-right Inh. N Anim. Ymargin-top Inh. N Anim. Ymask Inh. N Anim. Pmask-clip Inh. N Anim. Nmask-composite Inh. N Anim. Nmask-image Inh. N Anim. Nmask-mode Inh. N Anim. Nmask-origin Inh. N Anim. Nmask-position Inh. N Anim. Pmask-repeat Inh. N Anim. Ymask-size Inh. N Anim. Pmask-type Inh. N Anim. Nmax-height Inh. N Anim. Pmax-width Inh. N Anim. Pmin-height Inh. N Anim. Ymin-width Inh. N Anim. Ymix-blend-mode Inh. N Anim. Nobject-fit Inh. N Anim. Nobject-position Inh. N Anim. Yopacity Inh. N Anim. Yorder Inh. N Anim. Yorphans Inh. N Anim. Youtline Inh. N Anim. Poutline-color Inh. N Anim. Youtline-offset Inh. N Anim. Noutline-style Inh. N Anim. Noutline-width Inh. N Anim. Yoverflow Inh. N Anim. Noverflow-wrap Inh. Y Anim. Yoverflow-x Inh. N Anim. Noverflow-y Inh. N Anim. Npadding Inh. N Anim. Ypadding-bottom Inh. N Anim. Ypadding-left Inh. N Anim. Ypadding-right Inh. N Anim. Ypadding-top Inh. N Anim. Ypage Inh. N Anim. Npage-break-after Inh. N Anim. Npage-break-before Inh. N Anim. Npage-break-inside Inh. Y Anim. Nperspective Inh. N Anim. Yperspective-origin Inh. N Anim. Pposition Inh. N Anim. Nquotes Inh. Y Anim. Nresize Inh. N Anim. Nright Inh. N Anim. Pshape-image-threshold Inh. N Anim. Yshape-margin Inh. N Anim. Yshape-outside Inh. N Anim. Psize Inh. N Anim. Ntab-size Inh. Y Anim. Ytable-layout Inh. Y Anim. Ntext-align Inh. Y Anim. Ntext-align-last Inh. Y Anim. Ntext-decoration Inh. N Anim. Ntext-indent Inh. Y Anim. Ytext-orientation Inh. Y Anim. Ytext-rendering Inh. Y Anim. Ytext-shadow Inh. N Anim. Ytext-transform Inh. Y Anim. Ntop Inh. N Anim. Ptransform Inh. N Anim. Ptransform-origin Inh. N Anim. Ptransform-style Inh. N Anim. Ntransition Inh. N Anim. Ntransition-delay Inh. N Anim. Ntransition-duration Inh. N Anim. Ntransition-property Inh. N Anim. Ntransition-timing-function Inh. N Anim. Nunicode-bidi Inh. N Anim. Yvertical-align Inh. N Anim. Pvisibility Inh. Y Anim. Nwhite-space Inh. N Anim. Nwidows Inh. N Anim. Ywidth Inh. N Anim. Yword-break Inh. Y Anim. Yword-spacing Inh. Y Anim. Ywriting-mode Inh. Y Anim. Yz-index Inh. N Anim. Y

Overview

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

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Publisher Resources

ISBN: 9781492033387Errata Page

CSS Pocket Reference, 5th Edition

by Eric Meyer

Overview

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

HTML5 Pocket Reference, 5th Edition

CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language

CSS: The Missing Manual, 4th Edition

CSS Grid Layout: 5 Practical Projects

Publisher Resources

Overview

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

HTML5 Pocket Reference, 5th Edition

CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language

CSS: The Missing Manual, 4th Edition

CSS Grid Layout: 5 Practical Projects

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.