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: , , , ,

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT