Scribd
Upload
61 views

CSS3 Cheat Sheet 2

This document provides a cheat sheet for CSS with definitions and examples of common CSS properties, selectors, and values. It includes summaries of CSS syntax, the box model, positioning properties, fonts, text styling, backgrounds, borders, lists, and media types. Pseudo-classes and shorthand properties are also outlined for efficient CSS coding.

Uploaded by

jahanzeb
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
61 views

CSS3 Cheat Sheet 2

This document provides a cheat sheet for CSS with definitions and examples of common CSS properties, selectors, and values. It includes summaries of CSS syntax, the box model, positioning properties, fonts, text styling, backgrounds, borders, lists, and media types. Pseudo-classes and shorthand properties are also outlined for efficient CSS coding.

Uploaded by

jahanzeb
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

11/10/2015

CSS Cheat Sheet

CSSCHEATSHEET
Shorthand*
background
border
borderbottom
borderleft
borderright
bordertop
font
liststyle
margin
padding

Comments
/*Comment*/

Pseudo
Selectors
:hover
:active
:focus
:link
:visited
:firstline
:firstletter

Media
Types
all
braille
embossed
handheld
print
projection
screen
speech
tty
tv

Units
Length%
em
pt
px
Keywords
bolder
lighter
larger

SYNTAX

BOXMODEL

Syntax
selector{property:value}
ExternalStyleSheet
<linkrel="stylesheet"type="text/css"
href="style.css"/>
InternalStyle
<styletype="text/css">
selector{property:value}
</style>
InlineStyle
<tagstyle="property:value">

GENERAL
Class
ID
div
span
color
cursor
display

Stringprecededbyaperiod
Stringprecededbyahashmark
Formatsstructureorblockoftext
Inlineformatting
Foregroundcolor
Appearanceofthecursor

heightwidthmargintop
marginrightmargin
bottommarginleft
paddingtoppadding
rightpaddingbottom
paddingleft

BORDER
border
width
border
style

Widthoftheborder

border
color

Coloroftheborder

POSITION
clear

blockinlinelistitemnone

overflow Howcontentoverflowingitsboxis
handled
visible,hidden,scroll,auto

visibility visible,hidden

FONT

dasheddotteddoublegrooveinsetoutset
ridgesolidnone

Anyfloatingelementsaroundtheelement?
both,left,right,none

float

Floatstoaspecifiedside
left,right,none

left

Theleftpositionofanelement

top

Thetoppositionofanelement

auto,lengthvalues(pt,in,cm,px)
auto,lengthvalues(pt,in,cm,px)

fontstyle Italic,normal

position static,relative,absolute

font
variant
font
weight

zindex Elementaboveorbelowoverlappingelements?

normal,smallcaps
bold,normal,lighter,bolder,integer
(100900)

fontsize Sizeofthefont
font
Specificfont(s)tobeused
family

TEXT
letter
spacing
lineheight
textalign
text
decoration
textindent
text
transform
vertical
align
word
spacing

Spacebetweenletters

auto,integer(highernumbersontop)

BACKGROUND
backgroundcolor Backgroundcolor
backgroundimage Backgroundimage
backgroundrepeat repeat,norepeat,repeatx,repeaty
background
attachment

Backgroundimagescrollwiththe
element?
scroll,fixed

Verticaldistancebetween
baselines
Horizontalalignment
blink,linethrough,none,overline,
underline

Firstlineindentation
capitalize,lowercase,uppercase

background
position

(xy),top,center,bottom,left,right

LIST
liststyle Typeofbulletornumberinginthelist
type
disccirclesquaredecimallowerromanupper
romanloweralphaupperalphanone

Verticalalignment

liststyle Positionofthebulletornumberinalist
position insideoutside

Spacingbetweenwords

liststyle Imagetobeusedasthebulletinalist
image

*Thepropertiesforeachselectorareintheordertheyshouldappearwhenusingshorthandnotation.

http://www.lesliefranke.com/files/reference/csscheatsheet.html

1/1

You might also like