SELFHTML: HTML / Éléments HTML avancés / passages de feuilles de style en HTML

SELFHTML/Quickbar HTML Éléments HTML avancés

	passages de feuilles de style en HTML
	Définir des passages de feuilles de style centrales Définir des passages de feuilles de style locales

Définir des passages de feuilles de style centrales

Exemple d'affichage: aperçu

Pour définir des feuilles de style centrales (possibilités de formatage pour des repères HTML) vous pouvez définir un ou plusieurs passages de feuilles de style dans l'entête d'un fichier HTML.

Exemple:

<head>
<title>texte du titre</title>
<style type="text/css">
<!--
 body { margin:2cm }
 h1 { font-size:24pt }
//-->
</style>
<style type="text/javascript">
<!--
with(tags.H2)
 {
  color = "red";
  fontSize = "16pt";
  marginTop = "2cm";
 }
//-->
</style>
</head>

Explication:

Avec <style> vous introduisez un passage pour la définition de formats (style = style ). Dans le repère d'ouverture <style> vous pouvez mentionner avec l'attribut type=, quel langage de feuilles de style vous désirez utiliser pour définir les formats à l'intérieur du passage. La mention la plus courante pour cela est type="text/css". Grâce à cette mention vous définissez les feuilles de style CSS comme langage pour les définitions de format. La mention doit figurer entre guillemets.

Mais vous pouvez aussi utiliser d'autres langages. Au cas où vous désirez mettre en oeuvre plusieurs langages de style dans le même fichier HTML, définissez simplement pour chaque langage un passage <style>. Dans l'exemple ci-dessus, deux passages de ce genre sont définis. Le premier passage contient des définitions de format CSS, le deuxième des définitions de format dans le langage spécifique à Netscape les feuilles de style JSSS.

Avec </style> vous fermez la partie pour les définitions de format.

Attention:

Il est recommandé de placer le contenu de passages de feuilles de style dans un commentaire de plusieurs lignes() comme dans l'exemple ci-dessus. Vous éviterez ainsi que des navigateurs plus anciens affichent par erreur le contenu comme texte.

Les mentions de feuilles de style proprement dites ne seront pas traitées plus en détail ici. Lisez sur ce thème les parties correspondantes de cette documentation.

Définir des passages de feuilles de style locales

Exemple d'affichage: aperçu

Pour le formatage rapide dans le texte à l'aide de feuilles de style CSS il y a un repère distinct.

Exemple:

Ceci est un  <span style="font-size:18pt">texte formaté</span>

Explication:

Avec <span>...</span> vous pouvez définir un passage pour un formatage. Le repère en lui même n'a pas de signification propre et ne produit aucun effet visible. Il ne prend vie que lorsque vous notez dans le repère d'ouverture <span> l' attribut universel style=. Derrière suivent, placées entre guillemets, une ou autant de mentions de feuilles de style. que vous le désirez


après:	Passages Script en HTML
avant:	Ranger et contrôler les layer

SELFHTML/Quickbar HTML Éléments HTML avancés