Recent twitter entries...

  •  

Diferencia entre class e id

Posted by | Posted in CSS, Programacion Web General | Posted on 08-03-2010

4

Hoy toca un post para los que estén empezando en el mundo de la maquetación y desarrollo web.
Si os habéis adentrado en el código de diferentes páginas web (cosa siempre recomendable) os habréis dado cuenta que a veces se utilizan atributos id y en otros casos class de la siguiente forma:

<div id=”nombre”></div>

<div class=”nombre”></div>

Y por ello nos surge la siguiente duda: ¿Qué diferencias hay entre class e id?

  • Los id’s se referencian con el prefijo “#” y las clases con “.”.
  • Un id debe ser único y una clase puede ser referenciada por muchos elementos.
  • Un elemento puede tener 2 o más clases, pero sólo un id.

Notas:

  • Referencia de un id #nombreDelID { background: #ff80c0 }
  • Referencia de un class .nombreDelClass { background: #ff80c0 }

    Comments (4)

    La maquetación no existe! Esta palabra está prostituida!

    Entonces… ¿cómo es posible que existan tantas peticiones de trabajo como maquetador? XDD

    Yo sé hablar chino mandarín y 3 idiomas humanos y 5 lenguajes de programación, pero nunca aprendí la diferencia entre referenciar con CLASS o ID X’D X’D X’D

    ¡voy a imprimir ésta página!

    pd: Karl Mendes , como es eso que que la maquetación no existe? no entendí.

    O eres programador o diseñador web. Maquetador es para mi una palabra inventanda en España. Lo que no puedo entender es que haya gente que solo haga html/css. Para mi un diseñador web va desde un PSD hasta una plantilla html/css + basico de javascript (si no puede pasar html lo que diseña no sabe los limites de la web) y luego el programador puede hacer con que haya logica en cliente (javascript) y en servidor.

    Write a comment