MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML CSS JAVASCRIPT SQL PHP PYTHON JAVA KOTLIN GO C C++ C# AI W3.CSS TypeScript Comment faire Plus 🔍 ◑ RÉFÉRENCES EXERCICES

CSS Tutoriel

CSS MAISON CSS Introduction CSS Syntaxe CSS Sélecteurs CSS Comment faire CSS Commentaires CSS Couleurs
Couleurs RGB HEX HSL
CSS Arrière-plans
Couleur d'arrière-plan Image d'arrière-plan Répétition en arrière-plan Pièce jointe en arrière-plan Raccourci d'arrière-plan
CSS Frontières
Frontières Largeur de la bordure Couleur de la bordure Côtés de frontière Raccourci de bordure Bordures arrondies
CSS Marges
Marges Effondrement de la marge
CSS Remplissage CSS Hauteur/Largeur CSS Modèle de boîte CSS Plan
Aperçu Largeur du contour Couleur du contour Abréviation de plan Décalage du contour
CSS Texte
Couleur du texte Alignement du texte Décoration de texte Transformation de texte Espacement du texte Ombre de texte
CSS Polices
Famille de polices Font Web Safe Polices de secours Style de police Taille de la police Police Google Couplages de polices Raccourci de police
CSS Icônes CSS Liens CSS Listes CSS Tableaux
Bordures de tableau Taille du tableau Alignement des tableaux Style de tableau Tableau réactif
CSS Affichage CSS Largeur maximale CSS Position CSS z-index CSS Débordement CSS Flottant
Float Clear Float Exemples
Bloc CSS en ligne CSS Alignement CSS Combinateurs CSS Pseudo-classe CSS Pseudo-élément CSS Opacité CSS Barre de navigation
Barre de navigation Barre de navigation verticale Barre de navigation horizontale
CSS listes déroulantes CSS Galerie d'images CSS Sprites d'images CSS Sélecteurs d'attr CSS Formulaires CSS Compteurs CSS Mise en page du site Web CSS Unités CSS Spécificité CSS !important CSS Fonctions mathématiques

CSS avancé

CSS Coins arrondis CSS Images de bordure CSS Arrière-plans CSS Couleurs CSS Mots clés de couleur CSS Dégradés
Dégradés linéaires Dégradés radiaux Dégradés coniques
CSS Ombres
Effets d'ombre Ombre de boîte
CSS Effets de texte CSS Polices Web CSS Transformations 2D CSS Transformations 3D CSS Transitions CSS Animations CSS Info-bulles CSS Images de style CSS Réflexion d'image CSS Ajustement d'objet CSS Position de l'objet CSS Masquage CSS Boutons CSS Pagination CSS plusieurs colonnes CSS Interface utilisateur CSS Variables
La fonction var() Remplacement des variables Variables et JavaScript Variables dans les requêtes multimédia
CSS Box Sizing CSS Requêtes multimédias CSS MQ Exemples CSS Flexbox
CSS Flexbox CSS Flex Récipient CSS Flex Articles CSS Flex Sensible

CSS Adaptatif

RWD Introduction RWD Porte d'affichage RWD Vue Grille RWD Requêtes multimédias RWD Images RWD Vidéos RWD Cadres RWD Modèles

CSS Grid

Grid Introduction Grid Récipient Grid Article

CSS SASS

SASS Tutoriel

CSS Exemples

CSS Modèles CSS Exemples CSS Extraits CSS Quiz CSS Exercices CSS Certificat

CSS Références

CSS Référence CSS Sélecteurs CSS Fonctions CSS Audio de référence Polices CSS Web Safe CSS animable CSS Unités CSS Convertisseur PX-EM CSS Couleurs CSS Valeurs de couleur Valeurs CSS par défaut CSS Prise en charge du navigateur

Leçons CSS pour les débutants

En Ua Es De

CSS Syntaxe

❮ Prev Next ❯

Une règle CSS se compose d'un sélecteur et d'un bloc de déclaration.

CSS Syntaxe

CSS selector

Le sélecteur pointe vers l'élément HTML à styliser.

Le bloc de déclaration contient une ou plusieurs déclarations séparées par des points-virgules.

Chaque déclaration comprend un nom de propriété CSS et une valeur, séparés par deux points.

Les déclarations CSS multiples sont séparées par des points-virgules et les blocs de déclaration sont entourés d'accolades.

Exemple

Dans cet exemple, tous les éléments <p> seront alignés au centre, avec une couleur de texte rouge :

p {
  color: red;
  text-align: center;
}
Try it Yourself »

Exemple expliqué

  • p est un sélecteur en CSS (il pointe vers l'élément HTML que vous souhaitez styliser : <p>).
  • color est une propriété et red est la valeur de la propriété
  • text-align est une propriété et center est la valeur de la propriété

Vous en apprendrez beaucoup plus sur les sélecteurs CSS et les propriétés CSS dans les prochains chapitres !

CSS — Syntaxe

Cette vidéo est une brève introduction à la syntaxe CSS.

Une partie d'une série de tutoriels vidéo pour apprendre CSS pour les débutants !

❮ Prev Next ❯