El Atributo CLASS en HTML Explicado!!

El atributo class

El atributo class de HTML se usa para definir estilos iguales para varios elementos al mismo tiempo.

En el ejemplo de abajo tenemos tres <div> que tienen la clase box y a todos se le aplica el mismo estilo.

See the Pen HTML | 1.22 - El atributo class by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Usándolo inline

También se puede usar para elementos en línea.

See the Pen HTML | 1.22 - El atributo class - 2 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

El atributo class puede ser usado en cualquier elemento HTML y es “case sensitive”.

Múltiples clases

Un elemento de HTML puede tener varias clases al mismo tiempo, cada una de ellas separadas por un espacio

See the Pen HTML | 1.22 - El atributo class - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Clases en diferentes etiquetas

Diferentes etiquetas pueden compartir las mismas clases.

See the Pen HTML | 1.22 - El atributo class - 4 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Usándolo desde JavaScript

El atributo class puede ser usado desde JavaScript para seleccionar elementos HTML y hacer algo con ellos. Se accede usando el método getElementsByClassName().

See the Pen HTML | 1.22 - El atributo class - 5 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.