Sites


CSS3

Appliquer à une balise

Sélectionner l'élément

La méthode la plus simple, et celle appliquée par défaut, est d'utiliser les éléments des balises comme base pour définir les styles. Les raisons sont très simples :

  1. Les éléments sont les seules données nécessaires des balises. Les attributs sont majoritairement optionnels ; il est donc difficile de les utiliser comme règle de base ;
  2. Comme il est conseillé de ne pas modifier le contenu HTML lors de la création des styles, il devient presque impensable d'aller rajouter nous-mêmes dans attributs qui nous arrangeraient. Cela peut cependant être outre passé dans certains cas, par exemple lorsque vous construisez vous-même l'intégralité du site.

La méthode qui consiste à appliquer les styles à une balise est très simple, car il n'y a rien à faire du côté HTML, tout se joue du côté CSS.

La syntaxe CSS dans ce cas sera de la forme :

élémentHTML { propriété_css : valeur; }

En reprenant notre exemple précédent, nous obtenons du HTML :

<h1>Utiliser du <abbr>CSS3</abbr> avec du <abbr>HTML5</abbr></h1>

<p>Le <abbr>CSS3</abbr> est la variante en cours de recommandation par le <a
href=«http://w3.org»> W3C </a>. Elle s'inscrit, par rapport à ses prédécesseurs, dans la même logique de perfectionnement que le <abbr>HTML5</abbr> par rapport au <abbr>HTML4</abbr>.</p>

<p>Le CSS apporte de nombreuses améliorations et extensions qui le rendent beaucoup plus universel et utilisables dans de nombreux contextes.</p>

du CSS :

abbr { color:#B7A5DF; }

pour un rendu :

Utiliser du CSS3 avec du HTML5

Appliquer à plusieurs éléments

Pour appliquer les changements à plusieurs balises, par exemple à la fois à abbr et à a pour les liens, il suffira de les lister en les séparant par des virgules.

élémentHTML, élémentHTML, élémentHTML { propriété_css : valeur; }

Dans notre exemple, le HTML ne bouge pas alors que le CSS devient :

abbr, a { color:#B7A5DF; }

et le résultat interprété dans notre paragraphe contenant à la fois des abréviations et des liens :

Le CSS3 est la variante en cours de recommandation par le W3C . Elle s'inscrit, par rapport à ses prédécesseurs, dans la même logique de perfectionnement que le HTML5 par rapport au HTML4.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.