Share
Uno degli aspetti più estenuanti dello sviluppo web è la scrittura di infinite quantità di stili CSS per vari elementi, che differiscono solo leggermente di stile l'uno dall'altro. Ha preso la vita (o volontà) di molti designer di talento. Bene, perché dare ad ogni elemento la propria voce CSS unica, quando si può mescolare la corrispondenza e aggiungere lo stile CSS riutilizzabile agli elementi usando più classi CSS?
Iniziamo con l'identificazione e la scrittura di alcuni dei nostri più comuni markup CSS. Li imposteremo come stili individuali. Quelli che abbiamo impostato qui sono i più basilari, ma la stessa tecnica può essere applicata anche alle più belle proprietà CSS 3.
.primaryColor color: blue; .articleImage border: 1px solid # 292929; imbottitura: 5px; .standOut font-size: 22px; .important font-weight: bold; .floatRight float: right;
Questo testo sarà blu e grassetto
Questa immagine sarà flottata a destra e avrà un riempimento e un bordo.Questo testo sarà enorme
Questo testo sarà blu, 22 px di grandi dimensioni e in grassetto.
Questo può essere di grande aiuto, specialmente quando si progettano i layout ... è possibile utilizzare una classe per definire la dimensione e la larghezza e un'altra classe per definire il posizionamento. Spero che questo abbia aiutato!
Nota dell'editore: Tieni presente che, in alcuni dei browser più vecchi, ovvero più vecchi di IE 6, questo metodo di "più classi" fallirà. Cosa ne pensi di questo approccio? Post scriptum Hai un suggerimento killer? Scrivici e parleremo.
Accentsconagua