Développement »Internet» CSS

Très court astuce: la polyvalence des classes CSS

Lundi, Novembre 10, 2008

La plupart des experts le savent déjà, mais je me demande souvent quelle est la différence entre les class et id en CSS. Un aperçu de certaines différences et les avertissements peuvent être trouvés dans la classe et l'ID en CSS, cependant, une fonction utile qui distingue class à partir de id c'est la possibilité d'utiliser plusieurs classes. Par exemple, vous pouvez définir:

PLAIN TEXT
CSS:
  1. border : 2px solid #000 } . BordoNero (border: 2px solid # 000)
  2. color : #f00 } . ColoreRosso (color: # f00)
  3. border : 2px solid #f00 } . BordoRosso (border: 2px solid # f00)

et à écrire en HTML:

PLAIN TEXT
HTML:
  1. "bordoNero coloreRosso" > Bordo nero con caratteri rossi </div> <div "bordoNero coloreRosso" classe => Black frontière avec lettrage rouge </ div>
  2. "bordoRosso coloreRosso" > Bordo rosso con caratteri rossi </div> <div "bordoRosso coloreRosso" classe => bordure rouge avec lettrage rouge </ div>

class contrairement à id peut contenir en son sein plusieurs définitions dans n'importe quel ordre!

Related Post

Cet article était utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Chargement ...

Tags:

3 commentaires à "Très court astuce: la polyvalence des classes CSS"

  1. getAvatar 1.0
    11 novembre 2008 Francis Gavello:

    Utile pour combiner avec plus de fonctionnalités pour la mise en page sauvegarde du code : D
    C 'est sans doute l'une des caractéristiques de la CSS que j'utilise le plus.

    Répondre Partager
  2. getAvatar 1.0
    11 novembre 2008 Giovambattista Fazioli:

    Gavello @ Francis: Je suis d'accord! Et dire que beaucoup de gens est encore assez inconnue :)

    Répondre Partager
  3. getAvatar 1.0
    22 février 2009 Andy:

    J'ai ouvert un nouvel univers ... oo

    Répondre Partager

Laissez un commentaire

TAG PERMISSIONS XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE: 
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL