xhtml - css

Gardez à l’esprit qu’il faut séparer le contenu de la présentation : Certaines images sont essentielles à la navigation et à la compréhension du document. Le CSS n’est alors d’aucune utilité. propriétés à connaître : • background-color change la couleur...

CSS permet d’entourer très simplement les divers éléments de type bloc ainsi que certains éléments en ligne (ex: ) d’une page web par des bordures aux caractéristiques (style, épaisseur, couleur) libres. propriétés à connaître : • border-style met...

Polices génériques Voici une liste non exhaustive des polices les plus courantes : Arial, Arial Black, Comic Sans MS, Courrier New, Georgia, Times New Roman, Trebuchet MS, Verdana, Webdings Pour déclarer la police en CSS, on appliquera la déclaration...

La notation RGB RGB est une abréviation de « red, green, blue » exemple : rgb(0,0,255) Zéro sur le rouge, zéro sur le vert, valeur maximal sur le bleu. On peut aussi inscrire les valeurs en pourcentages. Ces couleurs fondamentales se composent à l’écran...

L’imbrication dans les sélecteurs permet aux règles CSS de ne concerner que les éléments descendants d’autres éléments précis. On écrira le sélecteur sous la forme « ancêtre descendant » en séparant chaque élément d’un blanc. exemple : #menu li a img...

Certaines propriétés génériques prévoient une version raccourcie, permettant l’application de plusieurs valeurs en une seule déclaration. C’est ainsi que l’on pourra réduire la règle : p { font-family: Arial, sans-serif; font-style: italic; font-weight:...

Au lieu de répéter la même règle pour plusieurs éléments, on pourra factoriser leurs sélecteurs en les séparant par des virgules. Ainsi, la séquence : .texte { margin-left: 0; } p { margin-left: 0; } h1 { margin-left: 0; } h2 { margin-left: 0; } sera...

Pour présenter tous les liens hypertextes () en police grasse de couleur verte, nous écrirons : a { font-weight: bold; color: green; } L’exemple ci-dessus utilise comme sélecteur la balise . Ces règles affecteront toutes ces balises dans les pages...

Lier les styles à partir d’une feuille séparée On utilisera cette méthode autant que possible. Il suffira de modifier le fichier CSS séparé pour changer l’allure de toutes les pages HTML du site. Ce fichier portera l’extension .css et ne peut contenir...

Une feuille de styles CSS prend toujours la forme d'une liste de déclarations, écrites dans un langage spécifique: h1 {color: blue;text-align: center;} • h1 s’appelle le sélecteur• color: blue est une déclaration. Elle est formée du couple « propriété-valeurs»•...