Emplacement de la feuille de style interne
Dans le head de la page, entre les balises :
- ouvrante :
style type="text/css"
- fermante :
/style
Les sélecteurs
Sélecteur universel
* (Se faire une idée sur la question en faisant une recherche "reset css").
Sélecteur de type : toute balise html comme
h1, p ...
Sélecteur d'identifiant signe
# : Il sert surtout à structurer la page et ne peut être utilisé qu'une seule fois dans la page car il peut servir d'Ancre
Sélecteur de classe un point
. : Il peut être appliqué à n'importe quel élément html du site et il peut être utilisé plusieurs fois dans la page
Pour faire la liaison entre la feuille de style et le code html
Dans le code
un sélecteur d'identifiant sera appelé par id. Par exemple div id="header"
un sélecteur de classe sera appelé par le mot class. Par exemple img class="gauche"
Dans la feuille de style
un sélecteur de type sera suivi de la définition de style placée entre accolades. Par exemple : h1{color:#9D8;}
un sélecteur d'identifiant sera appelé par #. Par exemple : #conteneur{background-color:#fff;margin-left:auto;margin-right:auto;
width:900px;}
un sélecteur de classe sera appelé par un point. Par exemple : .texte {color:#fff; font-weight: bold;}
Définition de style
chaque définition se compose d'une propriété et d'une valeur séparés par : (2 points)
elle est suivie par ; (point-virgule) pour la séparer de la suivante
Possibilité de grouper plusieurs sélecteurs ayant la même définition de style. Par exemple : h1,h2,h3,h4,h5,h6{color:#C03;text-align:left;font-weight:bold;}
Possibilité d'écriture abrégée.
Exemple 1 : .bandeau { margin:10px 20px 30px 20px; } à partir du haut, tourner dans le sens des aiguilles d'une montre.
Exemple 2 : .exemple{border: thick dashed #FC0809} pour les bordures conserver l'ordre : épaisseur, style, couleur.
Gallia est omnis divisa in partes tres, quarum unam incolunt Belgae, aliam Aquitani, tertiam qui ipsorum lingua Celtae, nostra Galli
appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Gallos ab Aquitanis Garumna flumen, a Belgis Matrona et Sequana
dividit. Horum omnium fortissimi sunt Belgae, propterea quod a cultu atque humanitate provinciae longissime absunt, minimeque ad eos
mercatores saepe commeant atque ea quae ad effeminandos animos pertinent important, proximique sunt Germanis, qui trans Rhenum incolunt,
quibuscum continenter bellum gerunt.