Langage CSSClasses de style
Les classes de style CSS
Classe de style sur balise HTML
- La définition des classes consiste à préciser la balise sélectionnée, puis de lui ajouter un point (.) et le nom que l'on souhaite donner à la classe.
Syntaxe : balise.nomdeclasse { background-color:#000088; }
Pour appeler une classe dans la page, on rajoute un attribut class à la balise concernée.
<html><head>
<style type="text/css">
<!--
td.newlook {
color: #ffffff;
background-color:#000088;
}
//-->
</style></head><body>
<table><tr><td class="newlook">mon texte en fond bleu</td></tr></table>
</body></html>
Explication: la cellule (td) newlook a une écriture de couleur blanche et un fond bleu.
Classe de style universelle
- Il est possible de ne pas préciser de balise, auquel cas la classe pourra être utilisée dans n'importe quelle balise pour laquelle le style sélectionné a un sens !
<html><head>
<style type="text/css">
<!--
.titi {
font-family: verdana, arial;
font-size: 8pt;
color: #000084;
padding: 5pt;
text-align: justify;
}
//-->
</style></head>
<body><p class="titi">mon texte en verdana</p></body></html>
