Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Introduction au CSS pour la Mise en Forme des Pages Web | Anatomie d'un Site Web
Développement Web Avec ChatGPT

bookIntroduction au CSS pour la Mise en Forme des Pages Web

CSS (Feuilles de style en cascade) définit l'apparence visuelle de vos pages web. Alors que le HTML fournit la structure, le CSS contrôle les couleurs, les polices, les espacements et la mise en page—de la même manière que la décoration intérieure définit l’aspect d’une maison.

Ajout de CSS pour styliser le HTML

Le CSS peut être appliqué de trois manières principales.

Styles en ligne

Utilisation de l’attribut style pour appliquer rapidement un style à un seul élément.

index.html

index.html

copy

Styles internes

Ajout d’un bloc <style> dans la balise <head> pour styliser les éléments de la même page.

index.html

index.html

copy

Feuilles de style externes

Pour les projets de plus grande envergure, conserver le CSS dans un fichier séparé et le lier à votre fichier HTML.

Veuillez consulter les fichiers index.html et index.css dans l'exemple.

index.html

index.html

index.css

index.css

copy

Sélecteurs CSS

Les sélecteurs définissent quels éléments doivent recevoir des styles spécifiques.

Sélecteur d’élément

Cible tous les éléments d’un type spécifique.

p {
  /* styles */
}

Sélecteur de classe

Cible les éléments avec un attribut de classe spécifique.

.highlight {
  /* styles */
}

Sélecteur d'ID

Cible un élément spécifique avec un attribut ID unique.

#header {
  /* styles */
}

Propriétés CSS

Les propriétés CSS définissent la manière dont les éléments sélectionnés doivent être stylisés. Voici quelques propriétés CSS courantes :

  • color définit la couleur du texte ;
  • background-color définit la couleur de fond d’un élément ;
  • font-size définit la taille du texte ;
  • margin ajoute l’espacement autour d’un élément.

Nous pouvons personnaliser l’apparence de la page web en appliquant des styles CSS aux éléments HTML afin de créer des expériences visuellement attrayantes et conviviales.

Exemple :

index.html

index.html

index.css

index.css

copy

Tutoriel vidéo

question mark

Lesquelles des propositions suivantes sont des méthodes valides pour appliquer des styles CSS à une page HTML ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

bookIntroduction au CSS pour la Mise en Forme des Pages Web

Glissez pour afficher le menu

CSS (Feuilles de style en cascade) définit l'apparence visuelle de vos pages web. Alors que le HTML fournit la structure, le CSS contrôle les couleurs, les polices, les espacements et la mise en page—de la même manière que la décoration intérieure définit l’aspect d’une maison.

Ajout de CSS pour styliser le HTML

Le CSS peut être appliqué de trois manières principales.

Styles en ligne

Utilisation de l’attribut style pour appliquer rapidement un style à un seul élément.

index.html

index.html

copy

Styles internes

Ajout d’un bloc <style> dans la balise <head> pour styliser les éléments de la même page.

index.html

index.html

copy

Feuilles de style externes

Pour les projets de plus grande envergure, conserver le CSS dans un fichier séparé et le lier à votre fichier HTML.

Veuillez consulter les fichiers index.html et index.css dans l'exemple.

index.html

index.html

index.css

index.css

copy

Sélecteurs CSS

Les sélecteurs définissent quels éléments doivent recevoir des styles spécifiques.

Sélecteur d’élément

Cible tous les éléments d’un type spécifique.

p {
  /* styles */
}

Sélecteur de classe

Cible les éléments avec un attribut de classe spécifique.

.highlight {
  /* styles */
}

Sélecteur d'ID

Cible un élément spécifique avec un attribut ID unique.

#header {
  /* styles */
}

Propriétés CSS

Les propriétés CSS définissent la manière dont les éléments sélectionnés doivent être stylisés. Voici quelques propriétés CSS courantes :

  • color définit la couleur du texte ;
  • background-color définit la couleur de fond d’un élément ;
  • font-size définit la taille du texte ;
  • margin ajoute l’espacement autour d’un élément.

Nous pouvons personnaliser l’apparence de la page web en appliquant des styles CSS aux éléments HTML afin de créer des expériences visuellement attrayantes et conviviales.

Exemple :

index.html

index.html

index.css

index.css

copy

Tutoriel vidéo

question mark

Lesquelles des propositions suivantes sont des méthodes valides pour appliquer des styles CSS à une page HTML ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3
some-alt