Entwicklung »Internet» CSS

Sehr kurze Trick: Vielseitigkeit von CSS-Klassen

Montag, 10. November 2008

Die meisten Experten wissen schon, aber ich bin oft gefragt, was ist der Unterschied zwischen class und in CSS id Ein Überblick über einige Unterschiede und Warnungen können in der Klasse und ID in CSS gefunden werden, aber eine nützliche Funktion, die class von id ist die Möglichkeit der Verwendung mehrerer Klassen. Zum Beispiel können Sie definieren:

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)

und Schreiben in HTML:

PLAIN TEXT
HTML:
  1. "bordoNero coloreRosso" > Bordo nero con caratteri rossi </div> <div "bordoNero coloreRosso" Klasse => Black Border mit roter Schrift </ div>
  2. "bordoRosso coloreRosso" > Bordo rosso con caratteri rossi </div> <div "bordoRosso coloreRosso" Klasse => roten Rahmen mit roter Schrift </ div>

class im Gegensatz zu den id darin enthalten verschiedene Definitionen in beliebiger Reihenfolge!

Verwandte Post

War dieser Artikel hilfreich?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags:

3 Kommentare zu "Sehr kurze Trick: Vielseitigkeit von CSS-Klassen"

  1. getAvatar 1,0
    11. November 2008 Francis Gavello:

    Nützlich für die Kombination mit mehr Funktionen für die Layout-Code zum Speichern : D
    Es ist wahrscheinlich eines der Merkmale von CSS, dass ich die meiste Verwendung.

    Antwort: Stellen
  2. getAvatar 1,0
    11. November 2008 Giovambattista Fazioli:

    Gavello @ Francis: Ich bin damit einverstanden! Und wenn man bedenkt, dass viele noch völlig unbekannt :)

    Antwort: Stellen
  3. getAvatar 1,0
    22. Februar 2009 Andy:

    Ich öffnete eine neue Welt ... oo

    Antwort: Stellen

Leave a comment

TAG XHTML Berechtigungen: <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