Desarrollo »Internet» CSS

Truco muy breve: la versatilidad de clases CSS

Lunes, 10 de noviembre 2008

La mayoría de los expertos saben ya, pero a menudo me preguntan cuál es la diferencia entre class y de id en el CSS. Una visión general de algunas diferencias y advertencias se pueden encontrar en la clase y de identificación en CSS, sin embargo, una característica útil que distingue a class de id es la posibilidad de utilizar múltiples clases. Por ejemplo, puede definir:

Texto sin formato
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)

y escribir en HTML:

Texto sin formato
HTML:
  1. "bordoNero coloreRosso" > Bordo nero con caratteri rossi </div> "bordoNero <div coloreRosso" clase => Negro frontera con letras rojas </ div>
  2. "bordoRosso coloreRosso" > Bordo rosso con caratteri rossi </div> "bordoRosso <div coloreRosso" clase => borde rojo con letras rojas </ div>

class a diferencia de la id puede contener dentro de ella varias definiciones en cualquier secuencia!

Post relacionados

Fue útil esta información?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Cargando ...

Etiquetas:

3 comentarios a "truco muy breve: la versatilidad de las clases CSS"

  1. getAvatar 1,0
    11 de noviembre 2008 Francisco Gavello:

    Útil para combinar con más características para el diseño de ahorro de código de : D
    Es probablemente una de las características de CSS que más utilice.

    Responder Compartir
  2. getAvatar 1,0
    11 de noviembre 2008 Giovambattista Fazioli:

    Gavello @ Francisco: Estoy de acuerdo! Y pensar que para muchos aún es bastante desconocido :)

    Responder Compartir
  3. getAvatar 1,0
    22 de febrero 2009 Andy:

    Me abrió un mundo nuevo ... oo

    Responder Compartir

Deja tu comentario

TAG XHTML RESTRICCIONES: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción: 
 <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