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

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock