css_cheat_sheet.pdf
(
378 KB
)
Pobierz
CSS Cheat Sheet
Boxes
margin
*
margin-top
margin-right
margin-bottom
margin-left
css
Paging
size
marks
page-break-before
page-break-after
page-break-inside
page
orphans
widows
padding
*
padding-top
padding-right
padding-bottom
padding-left
/* Comment */
@media type {
selector {
property: values;
}
}
Visible Area
Width
Color / Background
color
*
background
background-color
background-image
background-repeat
background-attachment
background-position
border
*
border-top
*
border-bottom
*
border-right
*
border-left
*
(Media type optional)
border-color
*
border-top-color
border-right-color
border-bottom-color
border-left-color
*
div
div *
div span
div, span
div > span
Styles apply to:
All elements
<div>
Elements within <div>
<span> within <div>
<div> and <span>
<span> with <div> as
parent
<span> preceded by
<div> ... </div>
Elements of class "class"
<div> of class "class"
Element with id "itemid"
<div> with id "itemid"
<a> with class attribute
<a> when class is "x"
<a> when class is a list
of space-seperated values
and one of those is 'x'
<a> when lang begins
with "en"
Fonts
*
font
font-family
font-style
font-variant
font-weight
font-stretch
font-size
font-size-adjust
border-style
*
border-top-style
border-right-style
border-bottom-style
border-left-style
Height
Border
Padding
Margin
Text
text-indent
text-align
text-decoration
text-shadow
letter-spacing
word-spacing
text-transform
white-space
px
em
Pixels
1em equal to font size of
parent (same as 100%)
Height of lower case "x"
Percentage
Inches
Centimeters
Millimeters
1pt = 1/72in
1pc = 12pt
RGB Hex Notation
Equates to "#aaccff"
Value (0 to 255) of each
of red, green, and blue.
May also be percentages
0 requires no unit
border-width
*
border-top-width
border-right-width
border-bottom-width
border-left-width
div + span
.class
div.class
#itemid
div#itemid
a[class]
a[class='x']
a[class~='x']
ex
%
in
cm
mm
pt
pc
#789abc
#acf
rgb(0,25,50)
Positioning
display
position
top
right
bottom
left
float
clear
z-index
direction
unicode-bidi
overflow
clip
visibility
Tables
caption-side
table-layout
border-collapse
border-spacing
empty-cells
speak-header
a[lang|='en']
Interface
cursor
*
outline
outline-width
outline-style
outline-color
0
Styles apply to:
First child of element
First line of element
First letter of element
Element when mouse over
Active element
Element with focus
Non-active, unvisited
links without mouse over.
Visited links
Element with text of
language "lang"
:first-child
:first-line
:first-letter
:hover
:active
:focus
:link
Dimensions
width
min-width
max-width
height
min-height
max-height
line-height
vertical-align
azimuth
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
font-stretch
font-size
font-size-adjust
font-style
font-variant
font-weight
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type
orphans
page
page-break-inside
quotes
speak
speak-header
text-align
text-indent
text-transform
volume
white-space
widows
word-spacing
Aural
volume
speak
*
pause
pause-before
pause-after
*
cue
cue-before
cue-after
play-during
azimuth
elevation
speech-rate
voice-family
pitch
pitch-range
stress
richness
speak-punctuation
speak-numeral
Available free from
ILoveJackDaniels.com
Miscellaneous
content
quotes
counter-reset
counter-increment
marker-offset
list-style
*
list-style-type
list-style-image
list-style-position
:visited
:lang(lang)
all
braille
embossed
handheld
print
projection
screen
speech
tty
tv
Shorthand properties
are marked with
*
Plik z chomika:
Morien
Inne pliki z tego folderu:
CSS all codes.pdf
(120 KB)
css_cheat_sheet.pdf
(378 KB)
Web Design - Creating Cool Web Sites With HTML, XHTML, and CSS Apr 2004.eBook - John Wiley & Sons.pdf
(14361 KB)
The Art & Science of Web Design Ebook.pdf
(3657 KB)
Visually html.pdf
(92435 KB)
Inne foldery tego chomika:
Podręczniki do Dreamweavera
Zgłoś jeśli
naruszono regulamin