Introduction au CSS

Qu'est-ce que CSS ?

  • CSS Cela fait référence aux feuilles de styles en cascade* (Cascading Style Ssheets)
  • CSS décritComment afficher les éléments HTML sur l'écran, le papier ou d'autres médias
  • CSS économie considérable de travail。Il peut contrôler simultanément le layout de plusieurs pages web
  • Les feuilles de styles externes sont stockées dans Fichier CSS中

* :également connu sous le nom de feuilles de styles en cascade.

Démo CSS - Une page HTML - Plusieurs styles !

Voici une page HTML qui fournit quatre feuilles de styles différentes. Cliquez sur les liens de feuilles de styles ci-dessous pour voir les différents styles :

Pourquoi utiliser CSS ?

CSS est utilisé pour définir les styles des pages web, y compris la conception et le layout pour différents appareils et tailles d'écran.

Exemple CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Essayez-le vous-même

CSS résout un grand problème

HTML n'a jamais été conçu pour inclure des balises de formatage pour les pages web !

L'objectif de la création d'HTML est deDécrire la page webpar exemple :

<h1>Ceci est un titre.</h1>
<p>Ceci est un paragraphe.</p>

Après avoir ajouté des balises comme <font> et des attributs de couleur au spécimen HTML 3.2, le cauchemar des développeurs Web a commencé. Ajouter des informations sur les polices et les couleurs à chaque page des grands sites web est devenu un processus long et coûteux.

Pour résoudre ce problème, l'Organisation mondiale du web (W3C) a créé CSS.

CSS a supprimé les formats de styles des pages HTML.

Si vous ne savez pas ce qu'est HTML, nous vous recommandons de lire Tutoriel HTML.

CSS économise beaucoup de travail !

Les définitions de styles sont généralement conservées dans des fichiers .css externes.

En utilisant des fichiers de feuilles de style externes, vous pouvez changer l'apparence de tout le site Web en modifiant un seul fichier !