Uno de los conceptos más útiles al utilizar CSS es también uno de los más sencillos y básicos. En sí el concepto no es nada del otro mundo y no será nada nuevo para muchos de ustedes, sin embargo, es de mucha utilidad al crear sitios o aplicaciones web.
Suelo tener un estilo class="right" a mano, por perrera de no poner style="text-align: right;" y no usar el obsoleto align="right" (por ejemplo para los numeros en las tablas).
Pero por regla general suele ser una mala idea desglosarlo todo en pequeños estilos de una sola propiedad. Lo suyo es tener un estilo bien definido para cada elemento de la página, que para eso está el CSS, y si acaso ponerle encima alguno como "seleccionado", "marcado", etc.
De hecho es absurdo tener muchas clases con una sola propiedad, para eso puedes utilizar directamente el estilo inline, style="float:left;". Y además lo correcto sería no utilizar el inline sino tener bien separado el estilo (CSS) de los datos (X)HTML.
Está muy mal llamado aquí "estilos inline", pues éstos son los que se escriben en el HTML, mediante style="estilos".
Tener una clase con un solo estilo no es incorrecto. Puedes aplicar varias clases al mismo elemento, lo cual tiene sentido, por ejemplo: para una imagen que queremos que flote a la derecha y que lleve un borde.
Sin embargo, considero mucho más correcto usar una clase que defina mejor qué tipo de elemento es, por ejemplo: y aplicar estilos a "un tipo de elemento", y no hacer una relación directa clase estilo. Es decir, decimos que las imagenes de un artículo deben tener tal apariencia; no marcamos mediante clases a cada imagen que queremos que flote a la derecha, lo que impide poder rediseñar completamente una página sin tener que meter mano al HTML.
Separar los estilos en una hoja y no aplicarlos inline tiene múltiples ventajas, como puede ser el poder definir estilos diferentes según el tipo de medio (pantalla, impresión, etc.) o acelerar la carga al cachear el navegador los archivos css.
#1 Yo también hago algo parecido para los objetos que quiero ocultos (.oculto .invisible ), así sólo tengo que darle una clase oculto o visible al elemento. Desde luego, me parece una mala práctica aplicar ese método para cualquier propiedad.
Comentarios
Suelo tener un estilo class="right" a mano, por perrera de no poner style="text-align: right;" y no usar el obsoleto align="right" (por ejemplo para los numeros en las tablas).
Pero por regla general suele ser una mala idea desglosarlo todo en pequeños estilos de una sola propiedad. Lo suyo es tener un estilo bien definido para cada elemento de la página, que para eso está el CSS, y si acaso ponerle encima alguno como "seleccionado", "marcado", etc.
De hecho es absurdo tener muchas clases con una sola propiedad, para eso puedes utilizar directamente el estilo inline, style="float:left;". Y además lo correcto sería no utilizar el inline sino tener bien separado el estilo (CSS) de los datos (X)HTML.
No me gusta, no lo veo buena idea.
PD: ¿Spam?
Está muy mal llamado aquí "estilos inline", pues éstos son los que se escriben en el HTML, mediante style="estilos".
![]()
para una imagen que queremos que flote a la derecha y que lleve un borde.
![]()
y aplicar estilos a "un tipo de elemento", y no hacer una relación directa clase estilo. Es decir, decimos que las imagenes de un artículo deben tener tal apariencia; no marcamos mediante clases a cada imagen que queremos que flote a la derecha, lo que impide poder rediseñar completamente una página sin tener que meter mano al HTML.
Tener una clase con un solo estilo no es incorrecto. Puedes aplicar varias clases al mismo elemento, lo cual tiene sentido, por ejemplo:
Sin embargo, considero mucho más correcto usar una clase que defina mejor qué tipo de elemento es, por ejemplo:
Separar los estilos en una hoja y no aplicarlos inline tiene múltiples ventajas, como puede ser el poder definir estilos diferentes según el tipo de medio (pantalla, impresión, etc.) o acelerar la carga al cachear el navegador los archivos css.
En general: archivo css + clases descriptivas = bien; estilos inline = mal.
#1 Yo también hago algo parecido para los objetos que quiero ocultos (.oculto .invisible ), así sólo tengo que darle una clase oculto o visible al elemento. Desde luego, me parece una mala práctica aplicar ese método para cualquier propiedad.