CSS2 Cheat Sheet

by Dave Child (DaveChild) via cheatography.com/1/cs/14/

CSS2 Selectors CSS2 Sizes CSS2 Positioning

* All elements 0 0 requires no unit display clear

div <div> Relative Sizes position z-index

div * All elements within <div> em 1em equal to font size of parent (same top direction

div span <span> within <div> as 100%) right unicode-bidi

div, span <div> and <span> ex Height of lower case "x" bottom overflow

div > span <span> with parent <div> % Percentage left clip

div + span <span> preceded by <div> Absolute Sizes float visibility

.class Elements of class "class" px Pixels

CSS2 Dimensions
div.class <div> of class "class" cm Centimeters

#itemid Element with id "itemid" mm Millimeters width min-height

div#itemid <div> with id "itemid" in Inches min-width max-height

a[attr] <a> with attribute "attr" pt 1pt = 1/72in max-width vertical-align

a[attr='x'] <a> when "attr" is "x" pc 1pc = 12pt height

a[class~='x <a> when class is a list

CSS2 Colours CSS2 Colour and Background
'] containing 'x'

a[lang|='en' <a> when lang begins "en" #789abc RGB Hex Notation color background-repeat
] #acf Equates to "#aaccff" background background-image

rgb(0,25, Value of each of red, green, and background-color background-position

CSS2 Pseudo Selectors and Pseudo Classes
50) blue. 0 to 255, may be swapped for background-attachment
:first-child First child element percentages.

:first-line First line of element CSS2 Text

CSS2 Box Model
:first-letter First letter of element text-indent word-spacing
:hover Element with mouse over text-align text-transform
:active Active element text-decoration white-space
:focus Element with focus text-shadow line-height
:link Unvisited links letter-spacing
:visited Visited links

:lang(var) Element with language "var" CSS2 Fonts

:before Before element font font-weight

:after After element font-family font-stretch

font-style font-size

font-variant font-size-adjust

By Dave Child (DaveChild) Published 19th October, 2011. Sponsored by Readability-Score.com

cheatography.com/davechild/ Last updated 11th May, 2016. Measure your website readability!
www.getpostcookie.com Page 1 of 2. https://readability-score.com
 CSS2 Cheat Sheet
by Dave Child (DaveChild) via cheatography.com/1/cs/14/

CSS2 Boxes CSS2 Aural

margin border-color volume elevation

margin-top border-top-color speak speech-rate

margin-right border-right-color pause voice-family

margin-bottom border-bottom-color pause-before pitch

margin-left border-left-color pause-after pitch-range

padding border-style cue stress

padding-top border-top-style cue-before richness

padding-right border-right-style cue-after speak-punctuation

padding-bottom border-bottom-style play-during speak-numeral

padding-left border-left-style azimuth

border border-width
CSS2 Miscellaneous
border-top border-top-width

border-bottom border-right-width content list-style-type

border-right border-bottom-width quotes list-style-image

border-left border-left-width counter-reset list-style-position

counter-increment marker-offset
CSS2 Tables list-style

caption-side border-spacing

table-layout empty-cells

border-collapse speak-header

CSS2 Paging

size page-break-inside

marks page

page-break-before orphans

page-break-after widows

CSS2 Interface

cursor outline-style

outline outline-color

outline-width

By Dave Child (DaveChild) Published 19th October, 2011. Sponsored by Readability-Score.com

cheatography.com/davechild/ Last updated 11th May, 2016. Measure your website readability!
www.getpostcookie.com Page 2 of 2. https://readability-score.com