davechild css2

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

CSS2 Cheat Sheet
by Dave Child (DaveChild) via cheatography.com/1/cs/14/
CSS2 Selectors
* All elements
div <di ​v>
div * All elements within <di ​v>
div span <sp ​an> within <di ​v>
div, span <di ​v> and <sp ​an>
div > span <sp ​an> with parent <di ​v>
div + span <sp ​an> preceded by <di ​v>
.class Elements of class " ​cla ​ss"
div.class <di ​v> of class " ​cla ​ss"
#itemid Element with id " ​ite ​mid ​"
div#itemid <di ​v> with id " ​ite ​mid ​"
a[attr] <a> with attribute " ​att ​r"
a[attr ​='x'] <a> when " ​att ​r" is " ​x"
a[clas ​s~='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 Centim ​eters
mm Millim ​eters
in Inches
pt 1pt = 1/72in
pc 1pc = 12pt
CSS2 Colours
#789abc RGB Hex Notation
#acf Equates to " ​#aa ​ccf ​f"
rgb(0, ​25,
50)
Value of each of red, green, and
blue. 0 to 255, may be swapped for
percen ​tages.
CSS2 Box Model
 
CSS2 Positi ​oning
display clear
position z-index
top direction
right unicod ​e-bidi
bottom overflow
left clip
float visibility
CSS2 Dimensions
width min-height
min-width max-height
max-width vertic ​al- ​align
height
CSS2 Colour and Background
color backgr ​oun ​d-r ​epeat
background backgr ​oun ​d-image
backgr ​oun ​d-color backgr ​oun ​d-p ​osition
backgr ​oun ​d-a ​tta ​chment
CSS2 Text
text-i ​ndent word-s ​pacing
text-align text-t ​ran ​sform
text-d ​eco ​ration white- ​space
text-s ​hadow line-h ​eight
letter ​-sp ​acing
CSS2 Fonts
font font-w ​eight
font-f ​amily font-s ​tretch
font-style font-size
font-v ​ariant font-s ​ize ​-adjust
By Dave Child (DaveChild)
cheatography.com/davechild/
www.addedbytes.com
 
Published 19th October, 2011.
Last updated 14th May, 2014.
Page 1 of 2.
 
Sponsored by Readability-Score.com
Measure your website readability!
https://readability-score.com
CSS2 Cheat Sheet
by Dave Child (DaveChild) via cheatography.com/1/cs/14/
CSS2 Boxes
margin border ​-color
margin-top border ​-to ​p-color
margin ​-right border ​-ri ​ght ​-color
margin ​-bottom border ​-bo ​tto ​m-color
margin ​-left border ​-le ​ft- ​color
padding border ​-style
paddin ​g-top border ​-to ​p-style
paddin ​g-right border ​-ri ​ght ​-style
paddin ​g-b ​ottom border ​-bo ​tto ​m-style
paddin ​g-left border ​-le ​ft- ​style
border border ​-width
border-top border ​-to ​p-width
border ​-bottom border ​-ri ​ght ​-width
border ​-right border ​-bo ​tto ​m-width
border ​-left border ​-le ​ft- ​width
CSS2 Tables
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
 
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- ​pun ​ctu ​ation
play-d ​uring speak- ​numeral
azimuth
CSS2 Miscel ​laneous
content list-s ​tyl ​e-type
quotes list-s ​tyl ​e-image
counte ​r-reset list-s ​tyl ​e-p ​osition
counte ​r-i ​ncr ​ement marker ​-offset
list-style
 
By Dave Child (DaveChild)
cheatography.com/davechild/
www.addedbytes.com
 
Published 19th October, 2011.
Last updated 14th May, 2014.
Page 2 of 2.
 
Sponsored by Readability-Score.com
Measure your website readability!
https://readability-score.com
	CSS2 Cheat Sheet - Page 1
	CSS2 Selectors
	CSS2 Sizes
	CSS2 Positi­oning
	CSS2 Dimensions
	CSS2 Colour and Background
	CSS2 Colours
	CSS2 Pseudo Selectors and Pseudo Classes
	CSS2 Text
	CSS2 Box Model
	CSS2 Fonts
	CSS2 Cheat Sheet - Page 2
	CSS2 Boxes
	CSS2 Aural
	CSS2 Miscel­laneous
	CSS2 Tables
	CSS2 Paging
	CSS2 Interface