|
La feuille de style CSS doit être insérée en les balises <style>et</style>. Si vous insérez directemnt la feuille de style sans la séparer du HTML, alors elle ne fonctionnera pas. C'est la base même de ce langage. Vous allez voir que finalement les codes CSS se rapprochent des balises HTML. Il est un plus compliqé que ce dernier mais reste néanmoins assez simple une fois que l'on acompris la technique.
Tout d'abord, sachez qu'une feuile de style est toute une suite de codes les uns en dessous des autres et non pas les uns à la suite des autres comme en HTML.
Voici un exemple simple:
body{
background-color:#FF0000;
margin:5px 30px 50px 20px;
}
body, signifie que l'on parle du corps du document, c'est à dire l'ensemble. Background-color veut dire 'couleur de fond'. Nous définissons donc la couleur de fond de la page.
Passons maintenant au code margin:5px... vous avez sûrement deviné: on parle de la marge. 5px indique et les autres nombres suivis de px indiquent chacun le nombre de pixels que fait la marge.
Bon, oubliez les balises, bien qu'elles ressembles au HTML mais je vous ferais un petit aide-mémoire après. Je voulais vous faire remarquer plusieurs choses:
-à la fin de chaques lignes il y a un point virgule. Il est très important de le mettre
-le signe égal n'est pas utilisé comme en HTML, à la place on utilise les deux points (:)
-on n'utilise pas les parenthèses spéciales< et > comme en HTML, on utilise des acollades, attention, on ne les met pas avant les codes mes une ligne au dessus/au dessous
-à retenir aussi: on met le nom de la partie de la page à laquelle s'adresse ce bout de la feuille de style. Par exemple ici, c'est le corps du document, on met donc "body". Si c'était pour un paragraphe, on aurait mis "p", pour un tableau "table"...etc
-tous les mots des codes de CSS son liés par un trait d'union, exemple: background-color
Eh bien, ici vous avez appris le fonctionnement, il ne reste plus qu'à voir les balises. Si vous avez déjà quelques bases en HTML, alors le suite de l'apprentissage du CSS se passera à merveille.
|
Rubriques