Introduction au feuilles de style CSS ( cascading style sheets )

 

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"/>

 

3.4 Tutoriel Vidéo

2 thoughts on “Introduction au feuilles de style CSS ( cascading style sheets )

Leave a Reply