CSS2 Cheat Sheet

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

CSS2 Selectors CSS2 Sizes CSS2 Positi​oning

* All elements 0 0 requires no unit display clear

div <di​v> Relative Sizes position z-index

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

div span <sp​an> within <di​v> as 100%) right unicod​e-bidi

div, span <di​v> and <sp​an> ex Height of lower case "​x" bottom overflow

div > span <sp​an> with parent <di​v> % Percentage left clip

div + span <sp​an> preceded by <di​v> Absolute Sizes float visibility

.class Elements of class "​cla​ss" px Pixels

CSS2 Dimensions
div.class <di​v> of class "​cla​ss" cm Centim​eters

#itemid Element with id "​ite​mid​" mm Millim​eters width min-height

div#itemid <di​v> with id "​ite​mid​" in Inches min-width max-height

a[attr] <a> with attribute "​att​r" pt 1pt = 1/72in max-width vertic​al-​align

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

a[clas​s~='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 backgr​oun​d-r​epeat
] #acf Equates to "​#aa​ccf​f" background backgr​oun​d-image

rgb(0,​25, Value of each of red, green, and backgr​oun​d-color backgr​oun​d-p​osition

CSS2 Pseudo Selectors and Pseudo Classes
50) blue. 0 to 255, may be swapped for backgr​oun​d-a​tta​chment
:first​-child First child element percen​tages.

:first​-line First line of element CSS2 Text

CSS2 Box Model
:first​-letter First letter of element text-i​ndent word-s​pacing
:hover Element with mouse over text-align text-t​ran​sform
:active Active element text-d​eco​ration white-​space
:focus Element with focus text-s​hadow line-h​eight
:link Unvisited links letter​-sp​acing
:visited Visited links

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

:before Before element font font-w​eight

:after After element font-f​amily font-s​tretch

font-style font-size

font-v​ariant font-s​ize​-adjust

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

cheatography.com/davechild/ Last updated 14th May, 2014. 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​-to​p-color speak speech​-rate

margin​-right border​-ri​ght​-color pause voice-​family

margin​-bottom border​-bo​tto​m-color pause-​before pitch

margin​-left border​-le​ft-​color pause-​after pitch-​range

padding border​-style cue stress

paddin​g-top border​-to​p-style cue-before richness

paddin​g-right border​-ri​ght​-style cue-after speak-​pun​ctu​ation

paddin​g-b​ottom border​-bo​tto​m-style play-d​uring speak-​numeral

paddin​g-left border​-le​ft-​style azimuth

border border​-width
CSS2 Miscel​laneous
border-top border​-to​p-width

border​-bottom border​-ri​ght​-width content list-s​tyl​e-type

border​-right border​-bo​tto​m-width quotes list-s​tyl​e-image

border​-left border​-le​ft-​width counte​r-reset list-s​tyl​e-p​osition

counte​r-i​ncr​ement marker​-offset
CSS2 Tables list-style

captio​n-side border​-sp​acing

table-​layout empty-​cells

border​-co​llapse speak-​header

CSS2 Paging

size page-b​rea​k-i​nside

marks page

page-b​rea​k-b​efore orphans

page-b​rea​k-after widows

CSS2 Interface

cursor outlin​e-style

outline outlin​e-color

outlin​e-width

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

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