1 – Introduction
Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web. CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage qui consiste à regrouper dans un même document des caractéristiques de mise en forme associées à des groupes d’éléments. Il suffit de définir par un nom un ensemble de définitions et de caractéristiques de mise en forme, et de l’appeler pour l’appliquer à un texte. Un codes css est inséré entre les balises <head> et </head> tandis que son effet s’applique à toute la page web en question.
2 – Syntaxe générale d’un code css
La syntaxe d’un code css se declare de la manière suivante :
Selecteur de balise{ propriete:valeurs;}Le sélécteur : C’est généralement l’élément ou la balise html auquelle on veut appliquer le style.
La propriété : est l’attribut qu’on souhaite modifier en introduisant une valeur.
Exemple :
Voici le code css permettant de mettre toutes les balises H1 en rouge et centrée :
H1 { color : red; text-align : center;} 3 – Insertion du code CSS
3.1 – Méthode interne à la page
Cette méthode encadre le code css entre les balises <style> et </style> et l’integre directement entre les balise <head> et </head>
3.2 – Méthode externe à la page
Cette méthode emagazine le code css dans un fichier dont l’extension est .css par exemple style.css et introduit dans les pages html entre les balises <head> et </head> un lien du type :
<link rel="stylesheet" type="text/css" href="style.css"/>