CSS Cheat Sheet

Source: http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/

CSS2 Cheat Sheet by DaveChild

CSS2 Selectors * All elements div <div> div * All elements within <div> div span <span> within <div> div, span <div> and <span> div > span <span> with parent <div> div + span <span> preceded by <div> .class Elements of class "class" div.class <div> of class "class" #itemid Element with id "itemid" div#itemid <div> with id "itemid" a[attr] <a> with attribute "attr" a[attr='x'] <a> when "attr" is "x" a[class~='x'] <a> when class is a list containing 'x' a[lang|='en'] <a> when lang begins "en" CSS2 Pseudo Selectors and Pseudo Classes :first-child First child element :first-line First line of element :first-letter First letter of element :hover Element with mouse over :active Active element :focus Element with focus :link Unvisited links :visited Visited links :lang(var) Element with language "var" :before Before element :after After element CSS2 Sizes 0 0 requires no unit Relative Sizes em 1em equal to font size of parent (same as 100%) ex Height of lower case "x" % Percentage Absolute Sizes px Pixels cm Centimeters mm Millimeters in Inches pt 1pt = 1/72in pc 1pc = 12pt CSS2 Colours #789abc RGB Hex Notation #acf Equates to "#aaccff" rgb(0,25,50) Value of each of red, green, and blue. 0 to 255, may be swapped for percentages.

CSS2 Box Model CSS2 Positioning display clear position z-index top direction right unicode-bidi bottom overflow left clip float visibility CSS2 Dimensions width min-height min-width max-height max-width vertical-align height CSS2 Colour and Background color background-repeat background background-image background-color background-position background-attachment CSS2 Text text-indent word-spacing text-align text-transform text-decoration white-space text-shadow line-height letter-spacing CSS2 Fonts font font-weight font-family font-stretch font-style font-size font-variant font-size-adjust

Download a PDF of the CSS2 cheat sheet! CSS2 Boxes margin border-color margin-top border-top-color margin-right border-right-color margin-bottom border-bottom-color margin-left border-left-color padding border-style padding-top border-top-style padding-right border-right-style padding-bottom border-bottom-style padding-left border-left-style border border-width border-top border-top-width border-bottom border-right-width border-right border-bottom-width border-left border-left-width CSS2 Tables 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 CSS2 Aural volume elevation speak speech-rate pause voice-family pause-before pitch pause-after pitch-range cue stress cue-before richness cue-after speak-punctuation play-during speak-numeral azimuth CSS2 Miscellaneous content list-style-type quotes list-style-image counter-reset list-style-position counter-increment marker-offset list-style