Accueil Présentation Créer son site Les liens Script Forums

Retour

Codifier une feuille de style

Nous venons de voir comment faire référence à une feuille de style, nous allons voir maintenant comment la codifier

Dans une feuiile de style, nous pourrons définir un style pour chaque balise HTML
En principe car , après des essais, vous pourrez vous rendre compte que cela fonctionne, pour certaines balises, avec IE4 et pas avec NN4 ou l'inverse.

Par exemple, un style pour la balise INPUT fonctionne avec IE4 mais pas avec NN4. Dans ce petit guide, je vais rester très général et vous laisse le soin de tester. (c'est comme cela que l'on apprend le mieux)

Pour créer un style, rien de plus simple. Vous nommez votre balise et à la suite entre les { }, vous définissez le style.

Exemple :
Je veux que la balise H1 s'affiche en bleu.
Pour cela, on écrit :
et voila, c'est fait, rien de plus simple.

On peut grouper les balises si l'on veut leur appliquer le même style


Pour une même balise, on peut grouper les options en les séparant par ; ou

Nous venons de voir comment créer un style pour une balise HTML, mais grâce aux CSS, nous pouvons aller plus loin. En effet, si nous voulons appliquer un style, non plus à une balise, mais à un morceau de texte, nous utiliserons les CLASS

Exemple :

Vous voulez mettre en avant un mot dans une phrase.
Créer une class enavant de la manière suivante



Dans votre phrase , insérer la CLASS à l'endroit voulu en entourant le mot des balises :

Vous pouvez aussi utilisez vos class dans les balises HTML, par exemple

Vous pouvez utiliser les Pseudo-classes pour la balise <A>

Encore plus fort, vous pouvez utiliser les pseudo-elements typographique

Le pseudo élément first-line permet de définir les caractéristiques de la 1ère ligne afin de la différencier des autres :

Le pseudo élément first-letter peut être comparer à l'option Lettrine dans WORD.
Elle permet de modifier les caractéristique de la première lettre d'un paragraphe.

Vous devez toujours fermer par </p: suivi du pseudo élément utilisé>



arriere  avant

Haut de la page