Cuando estructuramos una página web usamos los atributos Id y Class para identificar los elementos. El atributo id proporciona un identificador único en toda la página a dicho elemento, mientras que el atributo class asigna un nombre o un conjunto de nombres a uno o varios elementos en una página.
Podemos usar el valor del id y asociarlo a una CSS o a un script, lo mismo lo podemos aplicar para el atributo class, pero dado que class se puede repetir y que a cada atributo class podemos asignarles varios valores veremos como podemos usar esto para asociarlo en este caso a una CSS.
El ejemplo es muy sencillo, si tenemos un título h1 con un atributo class=”tipo color alineacion” lo que estamos haciendo es dándole al atributo class tres valores, en este caso: tipo, color, alineación.
Como dijimos que lo vamos asociar a una CSS, deberíamos tener definida unas reglas así en la CSS:
tipo {font: 2em, bold;}
color {color: navy;}
alineacion {text-align: center;}
El resultado sería que h1 quería definido con un tamaño de fuente de 2em en negritas, en color azul marino y alineado al centro. Particularmente solo una vez asocié tres valores a una clase, un valor para asociarle un estilo definido en una CSS y los otros dos valores para usarlos en un script.
tags: css, class, id, multiples valores, atributo class