Introduction aux feuilles CSS

Conventions de lecture
Les icônes utilisés dans cette référence
Les éléments typographiques
Introduction aux feuilles CSS
Introduction à la référence CSS
Glossaire de la référence CSS
Unités de mesure
Notions de base CSS
Feuille de styles et styles intra-ligne
Feuille de styles
Styles intra-ligne
Règles: composantes et syntaxe
Sélecteur-classe
Pseudo-classes
Pseudo-éléments
Règles spéciales
Boîte (box)
Écrire des commentaires
unicode-bidi
Proprietes par categories
Styles
Mise en pages
Arriere-plan
Bordures
Marges
Remplissage
Page
Tableaux
Speciales
Voix
Index

Introduction aux feuilles CSS2

Introduction à la référence CSS2

Les styles et surtout les feuilles de styles sont des outils puissants et très utiles pour l’auteur de documents HTML. Un peu à la manière des traitements de textes, les styles offrent un moyen efficace pour contrôler l’apparence et le rendu des documents une fois consultés par l’utilisateur.
Mieux, les feuilles de styles permettent de séparer le contenu de la forme, ce qui permet des méthodes de conception plus intéressantes pour les auteurs et rend possible le traitement des informations contenues dans les documents HTML par diverses applications.

Glossaire de la référence CSS2

Boîte
Le concept de boîte (box) dans CSS2 est important. Il permet de définir la surface sur laquelle sont appliquées plusieurs propriétés. Il convient donc de bien saisir les particularités liées au concept.
1. Le contenu de tout élément est inséré dans une boîte. Il est possible qu’une boîte soit placée à l’intérieur d’une autre et ainsi de suite.
2. Chaque boîte est composée de plusieurs rectangles portant des noms et ayant chacun un  rôle à jouer.
Ces rectangles sont formés par :
– les marges (margin)
– les bordures (borders)
– la boîte de remplissage (padding)
– la boîte de contenu (content)

Unités de mesure

Unités de longueurs (lenght)

Une unité de longueur (lenght) est composée d’un nombre suivi d’une abréviation de deux lettres indiquant l’unité de mesure qualifiant la valeur sauf pour la valeur zéro (0) qui n’a pas besoin que l’on spécifie l’unité de mesure. L’indication d’une valeur positive (+) ou négative ( -) est permise dans certains cas.
Exemples. :
10pt
1.2em
0.7em
12px
0

Les couleurs

Une valeur de couleur est définie par un nom (nom de la couleur lorsqu’elle existe) ou un code de couleur RGB.
Noms de couleurs :
aqua, black, fuschia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal,white et yellow.
Codes de couleurs :
#rrggbb ex. : #6666FF
rgb(x,x,x) ex. : rgb(61,85,235) où x est un nombre de 0 à 255 pour chaque couleur RGB.
rgb(%,%,%) ex. : rgb(50%,87%,23%) pour indiquer le pourcentage de chaque couleur RGB dans la combinaison.

Notions de base CSS

Feuille de styles et styles intra-ligne

Feuille de styles

Une feuille de styles est composée d’un ensemble de descriptions de styles. Il existe deux types de feuilles de styles, la feuille de styles interne (au document HTML) et la feuille de styles externe. Dans les deux cas, chacun des styles est décrit à l’aide de la syntaxe suivante :
Sélecteur {propriété: valeur; propriété: valeur …}
Exemple :
H2 {COLOR: navy; FONT: 18px; FONT-FAMILY: sans-serif}
Feuille de styles interne Une feuille de styles interne est insérée en en-tête du fichier HTML à l’aide de l’élément
<STYLE> qui introduit les règles pour chacun des styles de la feuille interne.
Ces styles pourront ensuite être appliqués dans le documents à l’aide de l’attribut class placé à l’intérieur des balises d’ouverture des éléments sur lesquels on veut l es appliquer Dans les cas où le sélecteur porte le même nom qu’un élément, le style s’appliquera sur l’élément sans qu’il soit nécessaire d’ajouter l’attribut class.

…..

Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)
Cours CSS (1917 KO) (Cours DOC)
Cours CSS

Télécharger aussi :

Laisser un commentaire

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