Copyright

Utilisateurs en ligne

Users: 2 Guests

Feuilles de Style CSS

Annonces Google

Tutoriels Informatiques

TICE & Multimédias

Math-pour-Informatiques

Anglais pour débutants

Nous somme sur Facebook



 

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

Une réponse à Introduction au feuilles de style CSS ( cascading style sheets )

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Time limit is exhausted. Please reload the CAPTCHA.

Nous sommes sur Facebook