1. Acceuil
  2. Cours
  3. Cours CSS
  4. INITIATION CSS

INITIATION CSS

Définition

CSS signifie Cascading Style Sheet (Feuilles de Styles en Cascades)

Il permet à la fois de gérer le design du site ainsi (depuis le CSS3) que certaine animation

Il peut être utiliser de 2 manières

  • intégrant directement sur la page <style/>
  • utilisant une bibliothèque externe (à l'aide d'un fichier *.css) et une balise <link/>

Comment utiliser le CSS

Dans ce chaptire nous alllons voir une utilisation basique

Bibliothèque externe

Pour utiliser une bibliothèque externe il faut utiliser la balise <link/>. Dans un premier temps nous allons créer une page très simple

  • <html>
    • <head>
      • <title>TEST</title>
    • </head>
    • <body>
      • <h1>TEST TITRE</h1>
      • <p>test paragraphe</p>
    • </body>
  • </html>

Nous allons maintenant créer un fichier *.css

  • h1{color:#03DE03; font-size:15px;}
  • p{color:#DDD; padding:9px;}
  • <html>
    • <head>
      • <title>TEST</title>
      • <link rel="stylesheet" type="text/css" href="fichier.css">
    • </head>
    • <body>
      • <h1>TEST TITRE</h1>
      • <p>test paragraphe</p>
    • </body>
  • </html>

L'intégration directe

Elle consiste à définir le CSS directement sur la page en elle même à l'aide des balises <style/>

  • <html>
    • <head>
      • <title>TEST</title>
      • <style>
        • h1{color:#03DE03; font-size:15px;}
        • p{color:#DDD; padding:9px;}
      • </style>
    • </head>
    • <body>
      • <h1>TEST TITRE</h1>
      • <p>test paragraphe</p>
    • </body>
  • </html>

L'inconvénient si votre site à 15 pages différentes, il faudra faire 15 mises à jours

Partager