Cours 1 : Introduction au CSS
Bienvenue à la première conférence de « De base à Brilliance » - votre voyage vers la maîtrise du CSS commence ici !
Qu'est-ce que CSS ?
CSS, ou Cascading Style Sheets, est le langage utilisé pour décrire la présentation d'une page Web. Alors que HTML fournit la structure et le contenu, CSS est ce qui rend les pages Web attrayantes et conviviales. Il contrôle la mise en page, les couleurs, les polices, l'espacement et bien plus encore.
Pourquoi CSS est-il important ?
-
Séparation des préoccupations : CSS vous permet de séparer le contenu (HTML) de la présentation (CSS), rendant votre code plus propre et plus facile à maintenir.
-
Cohérence : Vous pouvez appliquer un style cohérent sur plusieurs pages Web en liant un seul fichier CSS.
-
Conception réactive : CSS est essentiel pour créer des sites Web qui s'affichent bien sur tous les appareils, des ordinateurs de bureau aux smartphones.
Syntaxe CSS de base
CSS est composé de règles qui ciblent les éléments HTML. Chaque règle est constituée d'un sélecteur et d'un bloc de déclaration.
selector {
property: value;
}
Copier après la connexion
-
Sélecteur : Cible l'élément HTML que vous souhaitez styliser.
-
Propriété : L'aspect de l'élément que vous souhaitez modifier (par exemple, la couleur, la taille de la police).
-
Valeur : La valeur spécifique que vous souhaitez appliquer à la propriété.
Exemple :
Disons que vous souhaitez changer la couleur de tous les fichiers
éléments en bleu.
HTML :
<h1>Hello, World!</h1>
Copier après la connexion
CSS :
h1 {
color: blue;
}
Copier après la connexion
Cette règle simple transformera le texte en tout
éléments en bleu.
Ajout de CSS au HTML
Il existe trois manières principales d'ajouter du CSS à votre document HTML :
-
Inline CSS : Directement dans l'élément HTML.
<h1 style="color: blue;">Hello, World!</h1>
Copier après la connexion
-
CSS interne : Dans un
