css-cheat-sheet-v2.pdf

(315 KB) Pobierz
CSS Cheat Sheet
css
Selectors
Box Model
Boxes
*
div
div *
div span
div, span
div > span
div + span
.class
div.class
#itemid
div#itemid
a[attr]
a[attr='x']
a[class~='x']
All elements
<div>
All elements within <div>
<span> within <div>
<div> and <span>
<span> with parent <div>
<span> preceded by <div>
Elements of class "class"
<div> of class "class"
Element with id "itemid"
<div> with id "itemid"
<a> with attribute "attr"
<a> when "attr" is "x"
<a> when class is a list
containing 'x'
<a> when lang begins "en"
Visible Area
Margin
margin x
margin-top
margin-right
margin-bottom
margin-left
padding x
padding-top
padding-right
padding-bottom
padding-left
border x
border-top x
border-bottom x
border-right x
border-left x
border-color x
border-top-color
border-right-color
border-bottom-color
border-left-color
border-style x
border-top-style
border-right-style
border-bottom-style
border-left-style
border-width x
border-top-width
border-right-width
border-bottom-width
border-left-width
Height
Border
Width
Padding
Positioning
a[lang|='en']
display
position
top
right
bottom
left
float
clear
z-index
direction +
unicode-bidi
overflow
clip
visibility
Tables
Pseudo-Selectors and Pseudo-Classes
:first-child
:first-line
:first-letter
:hover
:active
:focus
: link
:visited
:lang(var)
:before
:after
First child element
First line of element
First letter of element
Element with mouse over
Active element
Element with focus
Unvisited links
Visited links
Element with language "var"
Before element
After element
caption-side +
table-layout
border-collapse +
border-spacing +
empty-cells +
speak-header +
Paging
Dimensions
size
marks
page-break-before
page-break-after
page-break-inside +
page +
orphans +
widows +
width
min-width
max-width
height
min-height
max-height
vertical-align
Interface
Sizes and Colours
Color / Background
cursor +
outline x
outline-width
outline-style
outline-color
0
Relative Sizes
em
0 requires no unit
color +
background x
background-color
background-attachment
background-repeat
background-image
background-position
1em equal to font size of
parent (same as 100%)
Height of lower case "x"
Percentage
Aural
ex
%
Absolute Sizes
px
cm
mm
in
pt
pc
Colours
#789abc
#acf
rgb(0,25,50)
Text
volume +
speak +
pause x
pause-before
pause-after
cue x
cue-before
cue-after
play-during
azimuth +
elevation
speech-rate
voice-family
pitch
pitch-range
stress
richness
speak-punctuation
speak-numeral
Pixels
Centimeters
Millimeters
Inches
1pt = 1/72in
1pc = 12pt
text-indent +
text-align +
text-decoration
text-shadow
letter-spacing +
word-spacing +
text-transform +
white-space +
line-height +
Fonts
RGB Hex Notation
Equates to "#aaccff"
Value of each of red, green,
and blue. 0 to 255, may be
swapped for percentages.
font + x
font-family +
font-style +
font-variant +
font-weight +
font-stretch +
font-size +
font-size-adjust +
Miscellaneous
content
quotes +
counter-reset
counter-increment
list-style + x
list-style-type +
list-style-image +
list-style-position +
marker-offset
Note
Shorthand properties are marked x
Properties that inherit are marked +
Available free from
www.AddedBytes.com
Text
140022104.001.png

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin