Share
Een van de meest uitputtende aspecten van webontwikkeling is het schrijven van eindeloze hoeveelheden CSS-styling voor verschillende elementen - die qua stijl enigszins van elkaar verschillen. Het heeft het leven (of zal) van velen een getalenteerde ontwerper. Welnu, waarom geeft u elk element zijn eigen unieke CSS-vermelding, wanneer u de match kunt combineren en herbruikbare CSS-styling kunt toevoegen aan elementen met behulp van meerdere CSS-klassen?
Laten we beginnen met het identificeren en schrijven van enkele van onze meest voorkomende CSS-markeringen. We zullen ze instellen als individuele stijlen. Degenen die we hier hebben ingesteld, zijn de meest elementaire, maar dezelfde techniek kan zelfs worden toegepast op de coolste CSS 3-eigenschappen.
.primaryColor color: blue; .articleImage border: 1px solid # 292929; opvulling: 5px; .standOut font-size: 22px; .belangrijk font-weight: bold; .floatRight float: right;
Deze tekst is blauw en vetgedrukt
Deze afbeelding wordt naar rechts verplaatst en krijgt wat opvulling en een rand.Deze tekst zal enorm zijn
Deze tekst is blauw, 22 px groot en vetgedrukt.
Dit kan een enorme hulp zijn, vooral bij het ontwerpen van lay-outs ... u kunt één klasse gebruiken om de grootte en breedte te definiëren en een andere klasse om de positionering te definiëren. Ik hoop dat dit heeft geholpen!
Opmerking van de uitgever: Houd er rekening mee dat, in sommige van de oudere browsers - wat betekent ouder dan IE 6 - deze methode met "meerdere klassen" mislukt. Wat vind je van deze aanpak? Postscriptum Heb je een snelle tip van een moordenaar? E-mail ons en we praten.
Accentsconagua