CSS2 Cheat Sheet

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

CSS2 Selectors

CSS2 Sizes

CSS2 Positioning

All elements

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

<span> preceded by <div>

Absolute Sizes

float

visibility

.class

Elements of class "class"

px

Pixels

div.class

<div> of class "class"

cm

Centimeters

CSS2 Dimensions

#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

']

containing 'x'

CSS2 Colours

CSS2 Colour and Background

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

50)

blue. 0 to 255, may be swapped for

background-attachment

div + span

]
CSS2 Pseudo Selectors and Pseudo Classes

0 requires no unit

percentages.

:first-child

First child element

:first-line

First line of element

: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

CSS2 Box Model

CSS2 Text

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-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

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

CSS2 Miscellaneous

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 14th May, 2014.

Measure your website readability!

www.getpostcookie.com

Page 2 of 2.

https://readability-score.com