La syntaxe est TOUJOURS la suivante dans la feuille de style.css externe:
h1 { argument: valeur; argument: valeur; argument: valeur; }
spécifier |
cibles | expression : | options | remarque |
| couleur de fond | <body>,<h1><p>, toutes balises | background-color: white; | white, #FFFFFF, rgb(255,255,255) | exemple: body {background-color: white;} |
| image de fond | <body><h1><p>, toutes balises | background-image: url(images/image.jpg); | background-repeat: repeat-x, repeat-y, no-repeat,
background-position: 100px 200px; ou %,em,etc |
image de fond de page ou image de fond de paragraphe, de titre <h1>, etc. position en px, %, em, pt |
| bordure d'objet | tous | border: solid 2px red; | border-top, border-right, border-left, border-bottom
dotted, dashed, solid, inset, outset, double, ridge, groove |
ici les 3 arguments sont groupés pour simplifier la rédaction |
| couleur du texte | toutes | color: black; | "black" ou "#000000" ou "rgb(0,0,0)" | |
| fontes (famille, police de caractère) | toutes | font-family: verdana, arial, geneva; | utiliser des polices présentes dans tous les systèmes.
Simplifier : "serif" (police à patins, de type Times)ou "sans-serif" (police sans patins, de type geneva) laisse l'ordinateur choisir laquelle. |
serif: Times, Times new roman, Georgia, Courrier, Courrier New sans-serif: Monaco, Geneva, Verdana, Arial, Helvetica |
| taille de caractères | toutes | font-size: 2em; | 2em / 200% / , mesure relative (à l'affichage standart sans spécifications) | mettre la taille de caractère en mesure relative, sinon les myopes ne peuvent pas agrandir le texte en consultation |
| style de caractère | toutes | font-style: normal | / italic / oblique / inherit | |
| font-weight: bold; | ||||
| alignement | text-align: center; | / left / right / justify | ce dernier ne marche pas avec tous navigateurs | |
| taille | tous éléments de type block | width: 50% / 500px / 50em; height: 40% / 400px / 40em; | ||
| marge (extérieure) | tous | margin: 10% / 10px / 10em; | margin-left, margin-right, margin-top, margin-bottom; | on peut avoir des marges inégales et ainsi placer un paragraphe dans la page |
| padding(intérieur) | tous | padding: 10% / 10px / 10em; | padding-left, padding-right, padding-top,padding-bottom; | on peut avoir des marges inégales et ainsi placer le texte dans le paragraphe qui se comporte comme objet dans la page |