. Si vous utilisez Internet Explorer 8 ou Firefox 3, ces instructions ne fonctionneront sur n'importe quelle balise HTML. ) Photos Utilisez la balise " span" pour changer des mots dans la phrase. Voici un exemple :
Je vais seulement manger de la crème glacée si elle a caramel , chocolat ou hot fudge .
Ajoutez les noms de classe suivantes dans le début des balises "span" pour différencier chaque crème glacée garniture:
je vais seulement manger de la crème glacée si elle a ; caramel . chocolat fondant chaud Photos
Les noms de classes sont tous deux utilisés pour identifier les mots que nous allons avoir une incidence sur nos règles de style et pour aider à garder une trace de ce que nous sommes en train de changer .
mise en place du style
CSS peut être mise en place de trois façons : local, interne et externe. Ce processus spécifique , cependant , ne peut se faire soit en interne ou en externe.
Une feuille de style local se compose de début et de fin balises et un ensemble d' instructions entre eux. Les balises de style ne peuvent être placés entre la
< /head> dans la partie supérieure du document. Une feuille de style local affecte uniquement la page dans laquelle il se trouve.
Tapez le début et se terminant balises entre le
< /head> dans la partie supérieure de votre document HTML. Ensuite, tapez le mot "span" entre eux. Ajoutez le code suivant après "span" comme indiqué: Photos ajouter trois " de durée " après le " span" initial, suivi d'une période et les noms de classe de chaque crème glacée garniture, comme indiqué:
Photos
Ajouter un colon , ainsi que la pseudo- classe " hover" après chaque nom en tête :
< br >
Ajouter une accolade gauche bouclés, puis "couleur", une virgule et une couleur différente pour chaque saveur . Fin des états avec un point-virgule et une accolade droite , comme indiqué:
feuille de style externe
Une feuille de style externe est simplement un fichier texte enregistré avec une extension CSS. Copiez les règles de style qui sont entre les dans la déclaration ci-dessus , puis , ajoutez le code suivant entre les
< /head> :
< link rel = de type "stylesheet " = " text /css" href = " path /nomdefichier.css " />
Lorsque vous placez votre souris sur le texte , le mot " caramel " devient rouge " , le chocolat " s'allume en vert et " fudge " vire au rose .
