CSS Introduction


Qu'est-ce que le CSS ?

Le CSS est le langage que nous utilisons pour styliser une page web.

  • CSS signifie Cascading Style Sheets
  • Le CSS décrit comment les éléments HTML doivent être affichés à l'écran, sur papier ou dans d'autres médias.
  • Le CSS permet de gagner beaucoup de temps, car il peut contrôler la mise en page de plusieurs pages web à la fois.
  • Les feuilles de style externes sont stockées dans des fichiers CSS.

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

Ici, nous allons montrer une page HTML affichée avec quatre feuilles de style différentes. Cliquez sur les liens "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" ci-dessous pour voir les différents styles :



Pourquoi utiliser le CSS ?

Le CSS est utilisé pour définir des styles pour vos pages web, y compris le design, la mise en page et les variations d'affichage pour différents appareils et tailles d'écran.

Exemple de CSS

body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 20px;
}
Essayez-le vous-même »

Le CSS fait gagner beaucoup de temps !

Les définitions CSS sont généralement enregistrées dans un fichier .css externe.

Avec un fichier de feuille de style externe, vous pouvez changer l'apparence d'un site web entier en modifiant simplement un fichier !


Vidéo : Introduction au CSS