En ocasiones he usado indiscriminadamente en mis hojas de estilo el atributo id en lugar de las clases. La diferencia principal entre ambas es que el atributo id solo se puede aplicar a un elemento mientras que el atributo class se podía aplicar a múltiples.
El uso incorrecto de las clases sería definirlas para un único elemento. En cambio definir una id por cada elemento individual para estilos comunes sería incorrecto.
A la hora de definirlos los distinguimos mediante la colocación de un punto para las clases y una # para las id:
#header {} - id
.header {} - clase
Un posible uso incorrecto sería el siguiente:
#corporativo { color: red; font-size: 1.5em; text-decoration: none; }
#historia { color: red; font-size: 1.5em; text-decoration: none; }
#contenido { color: red; font-size: 1.5em; text-decoration: none; }
#destacado { color: red; font-size: 1em; text-decoration: none; }
Como varios de nuestros elementos se repiten podemos aunar los elementos comunes:
.textocolor { color: red; font-size: 1.5em; text-decoration: none; }
#destacado { font-size: 1em; }
Aunque el resultado de ambos es el mismo el segundo código es más ligero e inteligible en caso de aplicar algún cambio.
Posts relacionados
-
1 diciembre, 2015 -
12 agosto, 2015 El robot de Google no puede acceder a los archivos CSS y JS
-
23 noviembre, 2010 Menu interactivo estilo flash pero hecho con xhtml, css y javascript
Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.
Archivo
- diciembre 2015 (6)
- noviembre 2015 (5)
- octubre 2015 (3)
- septiembre 2015 (2)
- agosto 2015 (8)
- mayo 2015 (2)
- abril 2015 (3)
- julio 2013 (1)
- julio 2012 (1)
- enero 2012 (3)
- diciembre 2011 (3)
- noviembre 2011 (1)
- febrero 2011 (5)
- noviembre 2010 (4)
- septiembre 2010 (2)
- julio 2010 (1)
- junio 2010 (2)
- marzo 2010 (6)
- febrero 2010 (3)
- enero 2010 (1)
- diciembre 2009 (6)
- noviembre 2009 (2)
- octubre 2009 (18)
- septiembre 2009 (21)
Deja una contestación