Premiers pas avec le CSS
I. Présentation
Ce tutoriel a pour objectif de vous faire découvrir l'utilisation du CSS à l'intérieur d'une page HTML.
II. Première personnalisation
Pour cela, dans un premier temps il faut créer une page HTML contenant une structure de page basique, avec en plus un titre de page (balise <title>) et un titre dans la page (balise <h1>).
Cette page contiendra ceci :
Ce qui nous donnera à l'affichage :
Maintenant que nous avons mis en place la page HTML, nous allons y intégrer du CSS, c'est à dire des propriétés qui affecterons l'apparence des éléments de la page visés. Pour cela il faut insérer une balise <Style type="text/css"> et </Style> pour la fermeture, dans la partie <HEAD> de la page HTML. Ensuite à l'intérieur de cette balise on insère les propriétés CSS que l'on souhaite.
Par exemple, pour mettre le fond du Body en noir et le titre centré et en jaune, il faudra écrire ceci :
Ce qui nous donnera à l'affichage, ce qu'on attendait, à savoir ceci :
III. Syntaxe
La syntaxe de déclaration de directives CSS dans une page CSS est la suivante :
Nom_de_Element{
Propriété_1 ;
Propriété_2 ;
....
}
Les accolades et les points virgules sont des éléments essentiels à la syntaxe du CSS. L'élément quant à lui peut être un tag comme "h1", "p", "body" ou un ID ou une class d'élément.
Note : Si vous ne connaissez pas la structure de base d'une page HTML, consultez notre tutoriel traitant la question.
