class
class
hace hace referencia a un selector de clase, que se indica en elpuede atribuir a varios elementos de un HTML y se alcanzapara luego aplicar estilos a travéslos elementos marcados con esa clase usando hojas de estilo o CSS. Es decir, que CSS trabaja junto con HTML, Javascript, etc.
Usando en un documento HTML las etiquetas como class="nombre-clase"
, puedes modificar de forma automática, en pocas línea de código, el estilo de todos los elementos que tengan dicha clase usando CSS. Y también los puedes alcanzarDichas modificaciones pueden hacerse también usando Javascript.
La ventaja, aparte de poderlos alcanzar todos desde el mismo lugar (CSS), tener documentos HTML más limpios, código menos redundante, mejor organizado... es que puedes introducir modificaciones posteriores sin tener que modificarrecorrer todo el contenido de tu HTML modificando.
Supongamos una página con miles o millones de documentos HTML. Tienes dos formas dePuedes aplicar estilos en ellos de varias formas.
forma 1:
forma 1:
Aplicando estilos directamente a los elementos, mediante la etiqueta style
:
MedianteAplicando estilos mediante hojas de estilo CSS:
Supongamos que tienes miles de documentos con texto como en la forma uno, y luego hay necesidad de que además de aparecer en rojo, tiene que aparecer también en negritanegritas.
<p style="color:red; font-weight: bold;" >Textobold;">Texto en rojo</p>
<p style="color:red; font-weight: bold;">Otro texto en rojo</p>
Esta es sólo una, entre muchas ventajas del uso de class
.
Las hojas de estilo se enlazan con el documento HTML, colocando el estilo directamente en el encabezado del HTML, usando la etiqueta <style>
o enlazando el documento HTML con un documento CSS, mediante la etiqueta <link>
.
Esto es lo básico.
Puedes tener más información en la documentación de CSS, de HTML. Puedes ver también este enlace.
En páginas como codepen puedes ver ejemplos de millones de cosas que se pueden hacer combinando HTML+CSS o HTML+CSS+Javascript.