El atributo CLASS en HTML

Vamos a tratar uno de los atributos de HTML más importante: class

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.


Cursos gratuitos relacionados:

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats