Este documento proporciona un ejemplo del uso de clases en CSS. Muestra cómo aplicar estilos a elementos HTML mediante clases, permitiendo definir las propiedades de estilo una sola vez y aplicarlas a múltiples elementos. Primero se muestra código HTML sin clases donde cada elemento tiene estilos individuales; luego, se agrega una clase "clase_objeto_blanco" y se define el color blanco para esa clase, aplicando ese estilo a cualquier elemento con esa clase.
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
Ejemplo de clases en css
1. Ejemplo de Clases en CSS
En el siguiente ejemplo se observara el funcionamiento de las clases en CSS
Código html sin el uso de clases:
Como se observa se declarara las propiedades a cada objeto en el código css donde el texto al cargar el archivo html estará de color blanco, pero existe otra forma de hacerlo más abreviado proporcionando una clase a dicho texto.
2. Código html con el uso de clases:
Ahora dentro de las etiquetas div se declara una clase con nombre clase_objeto_blanco la cual vamos a utilizar en nuetro código css. Ahora en la segunda imagen le ponemos la propiedad de color blanco al selector con el nombre de dicha clase la cual esta precedida por un punto, con esto todas las clases que tengan ese nombre van a heredar la propiedad de color blanco como se observa en la siguiente imagen.