Easy-Micro

LANGAGE Langage CSS
Classes de style

Les classes de style CSS

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.

CSS 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>

< Page précédente LANGAGE CSS Page suivante >