CSS Cheat Sheet

css
Tous les éléments
<div>
div
div *
div span
div, span
div > span
div + span
.class
div.class
#itemid
div#itemid
a[attr]
a[attr='x']
a[class~='x']
a[lang|='en']
Tout ce qui est dans un <div>
<span> dans un <div>
<div> et <span>
<span> avec <div> pour parent
<span> précédé de <div>
Eléments de la classe "class"
<div> de la classe "class"
Elément avec id "itemid"
<div> avec id "itemid"
<a> avec attribut "attr"
<a> dont "attr" est 'x'
<a> dont la classe est une liste
contenant 'x'
<a> quand lang commence
par 'en'
Pseudo sélecteurs et Pseudo-classes
:first-child
:first-line
:first-letter
:hover
:active
:focus
:link
:visited
:lang(var)
:before
:after
Boites
Modèle de boite
Sélecteurs
*
Vous pouvez obtenir gratuitement cette fiche sur http://www.Blog-Expert.fr
Premier élément enfant
Première ligne de l'élément
Première lettre de l'élément
Elément survolé par la souris
Elément actif
Elément détenant le focus
Liens non visités
Liens visités
Eléments avec langage "var"
Avant l'élément
Après l'élément
Margin
Zone visible
Height
Border
Width
Padding
Positionnement
#789abc
#acf
rgb(0,25,50)
Note
Les propriétés raccourcies sont notées x
Les propriétés qui héritent sont notées +
border-width x
border-top x
border-top-width
border-bottom x
border-right-width
border-right x
border-bottom-width
border-left x
border-left-width
empty-cells +
overflow
border-collapse +
speak-header +
left
clip
float
visibility
Dimensions
Tableaux
Pagination
size
page-break-inside +
marks
page +
width
min-height
page-break-before
orphans +
min-width
max-height
page-break-after
widows +
max-width
vertical-align
height
Interface
background-attachment
Texte
cursor +
outline-style
outline x
outline-color
outline-width
Audio
volume +
elevation
speak +
speech-rate
pause x
voice-family
text-indent +
Text
text-align +
word-spacing +
pause-before
pitch
text-transform +
pause-after
pitch-range
text-decoration
white-space +
cue x
stress
text-shadow
line-height +
cue-before
richness
cue-after
speak-punctuation
play-during
speak-numeral
letter-spacing +
azimuth +
Polices de caractère
Notation RGB en Hexa.
Identique a "#aaccff"
Les composantes Rouge,
Verte et Bleue. De 0 à 255 ou
exprimé en pourcentage.
border-left-style
border x
bottom
ex
Couleurs
padding-left
border-spacing +
background-position
pc
border-bottom-style
caption-side +
background-image
pt
border-right-style
padding-bottom
table-layout
background x
in
border-top-style
padding-right
unicode-bidi
background-color
mm
border-style x
padding-top
direction +
em
Centimètres
Millimètres
Inches
1pt = 1/72in
1pc = 12pt
border-left-color
padding x
right
background-repeat
cm
margin-left
top
color +
Pixels
border-bottom-color
z-index
0 n'a pas besoin d'unité
Tailles Relatives
px
border-right-color
margin-bottom
clear
0
Hauteur d'un 'x' minuscule
Pourcentage
Tailles Absolues
border-top-color
margin-right
position
Couleur / Fond
%
border-color x
margin-top
display
Tailles et couleurs
1em represente la taille du
parent (identique à 100%)
margin x
font + x
font-weight +
font-family +
font-stretch +
font-style +
font-size +
content
list-style-type +
font-variant +
font-size-adjust +
quotes +
list-style-image +
counter-reset
list-style-position +
counter-increment
marker-offset
Version Française par
www.Blog-Expert.fr
D'après l'original de
www.AddedBytes.com
Divers
list-style + x