Vous êtes sur la page 1sur 1

Sélecteurs Nouveautés CSS 3 Pseudo classes

BORDER
* Tous les éléments font-face Chargement d’une typo ::after Insertion de contenu après
div Toutes les balises div border-radius Coins arrondis ::before Insertion de contenu avant
div, span Toutes les balises span box-shadow Ombre d’un bloc ::first-letter Selection de la première lettre
div span Tous les span dans les div CONTENU gradient Dégradé ::first-line Sélection de la première ligne
div > span Tous les span enfants des div opacity Transparence ::selection Sélection
#bloc Identifiant unique (id=’’bloc’’) PADDING (espace intérieur) text-shadow Ombre sur un texte
.bloc Classe (class=’’bloc’’) transform Transformation :active Actif
ul#bloc Une liste (ul) avec un id bloc MARGIN (espace extérieur) transition Transition :checked Coché/checké
span.bloc Span ayant la classe bloc :disable Désactivé
#bloc * Tous les éléments dans #bloc :empty Vide
a:link Lien
Medias queries :enable Activé
a:active Lien actif
LISTES Ex : @media screen and (max-width: 640px) { ... } :first-child Premier enfant
a:visited Lien visité list-style-type Type de puce :first-of-type Premier du type
a:hover Lien survolé list-style-position Position de la puce Médias :focus Curseur dedans
list-style-image Image de la puce screen Écrans :hover Au dessus
handheld Mobiles / Petits périphériques :in-range Dans une plage de valeurs
Texte print Impression :invalid Invalide
font-family Famille de typos (arial, times)
Positionnement et tailles braille Plages braille :lang(language) Dans la langue (fr/en/it/...)
font-size Taille de la typo (px/em) width Largeur (px/em) embossed Imprimantes braille :last-child Dernier enfant
font-weight Graisse (bold, normal) min-width Largeur minimale projection Projecteurs (ou slides) :last-of-type Dernier du type
font-style Orientation (italic, normal) max-width Largeur maximale tty Terminal/police à pas fixe :link Lien
color Couleur (#F00) height Hauteur (px/em) tv Téléviseur :not(selector) N’est pas un sélecteur
text-transform Transformation (uppercase) min-height Hauteur minimale all Tous les précédents :nth-child(n) Chaque (n) enfant
text-decoration Décoration (underline) max-height Hauteur maximale :nth-last-child(n) Dernier de chaque (n) enfant
text-align Alignement (left, right, center) position Position (absolute, relative) Opérateurs :nth-last-of-type(n) Dernier de chaque (n) du type
line-height Hauteur de ligne (px/em) top Référence au haut and et :nth-of-type(n) Chaque (n) du type
letter-spacing Espacement entre les lettres right Référence à la droite only seulement :only-of-type Seulement du type
text-indent Décalage de la première ligne bottom Réference au bas not non :only-child Seulement les enfants
left Référence à la gauche :optional Optionnel
float Element flottant (left/right) Critères :out-of-range En dehors des valeurs
Espacement & bordures display Mode d’affichage (block) color Support de la couleur :read-only Lecture seule
margin Marge extérieure (px/em) z-index Profondeur/niveau color-index Couleurs indexées :read-write Lecture et écriture
margin-top Marge en haut overflow Dépassement hors conteneur device-aspect-ratio Ratio du périphérique (16/9) :required Requis
margin-right Marge à droite aspect-ratio Ratio de la zone d'affichage :root Racine du document
margin-bottom Marge en bas device-height Hauteur du périphérique :target Cible
margin-left Marge à gauche
Positions et tailles device-width Largeur du périphérique :valid Valide
padding Espace intérieur width Largeur (px/em) grid Périphérique bitmap (ex : lcd) :visited Visité
border bordure (1px solid #F00) height Hauteur (px/em) height Hauteur de la zone d'affichage
position Position (absolute, relative) monochrome Monochrome / Noir et blanc
top Référence au haut orientation Orientation (portait/landscape)
Arriere-plan right Référence à la droite resolution Résolution du périphérique
background Arrière-plan bottom Réference au bas width Largeur de la zone d'affichage
background-color Couleur de fond left Référence à la gauche
background-image Image de fond float Element flottant (left/right)
background-repeat Répétition du fond display Mode d’affichage (block)
PixelCréation
background-attachment Attachement du fond z-index Profondeur/niveau Support réalisé par Jacques Danilo / Graphiste, photographe et formateur freelance
background-position Position du fond overflow Dépassement hors conteneur www.pixelcrea.com

Vous aimerez peut-être aussi