Share
Uno de los aspectos más agotadores del desarrollo web es escribir cantidades interminables de estilos CSS para diversos elementos, que difieren ligeramente entre sí en el estilo. Ha tomado la vida (o la voluntad) de muchos diseñadores talentosos. Bueno, ¿por qué dar a cada elemento su propia entrada CSS única, cuando puede combinar la combinación y agregar un estilo CSS reutilizable a los elementos utilizando varias clases de CSS??
Comencemos por identificar y escribir algunas de nuestras etiquetas CSS más comunes. Los configuraremos como estilos individuales. Las que hemos configurado aquí son las más básicas, pero la misma técnica se puede aplicar incluso a las mejores propiedades de CSS 3.
.primaryColor color: azul; .articleImage border: 1px solid # 292929; relleno: 5px; .standOut font-size: 22px; .importante font-weight: negrita; .floatRight float: derecha;
Este texto será azul y negrita.
Esta imagen será flotada a la derecha y tendrá un relleno y un borde..Este texto será enorme.
Este texto será azul, 22 px grande y negrita..
Esto puede ser una ayuda masiva, especialmente al diseñar diseños ... puede usar una clase para definir el tamaño y el ancho, y otra clase para definir el posicionamiento. Espero que esto haya ayudado!
Nota del editor: Tenga en cuenta que, en algunos de los navegadores más antiguos, es decir, más antiguos que IE 6, este método de "clases múltiples" fallará. ¿Qué piensas sobre este enfoque? PD ¿Tienes un consejo rápido asesino? Envíenos un correo electrónico y hablaremos.
Accentsconagua