Tuto CSS-SASS

Mise en place des CSS

Comment lier une feuilles de style CSS à une page HTML? Le code CSS peut être inséré directement dans une page HTML en le déclarant entre des balises style, dans une balise grâce à l'attribut style="" ou bien dans une feuille de style externe. Cette dernière solution est considérée comme une bonne pratique car elle permet de séparer le code CSS du code HTML ce qui rend le site web plus clair et facile à maintenir.

Déclarer les CSS dans une page HTML

<!--Le code sera de préférence placé entre les balises head-->
<style>
    body{background-color:red;}
</style>

Déclarer les CSS dans une balise HTML

<div style="background-color:red;">
   
</div>

Déclarer les CSS dans une feuille de style externe

<!--placer ce lien entre les balises head de la page html et créez le fichier ma_feuille_de_style.css-->
<link href="ma_feuille_de_style.css" rel="stylesheet" type="text/css" />