Hûn perçeyek yekînek CSS ya sînor nabe.
Cousading Style Sheets (CSS) ji bo ku hûn bi taybetmendiya ku hûn bi hûrgelan re bigihînin hûn nîşanî elementek elementek diyar bike. Ev taybetmendan dikarin an jî nasnameyek be û dibe ku hemî taybetmendiyê, ew agahdariyên alîkarî yên ji hêmanên ku bi wan re girêdayî ye. Li ser bingeha ku hûn ji hêla xwe re zêde bike, hûn dikarin hilbijêrek bijarekî CSS binivîse ku ji bo şêwazên dîtina hewceyê hewce dikin û ji bo vê element û malperê bi tevahî xwe bisekinînin.
Dema ku nasnameyên an jî dersên ji bo armanca wan bi rêbazên CSS re dixebitin, rêbazên sêwirên gerdûnî li ser dersên li ser dersên hêja dikin, ji ber ku ew bi tevahî taybet û hêsantir bi tevahî xebatê ne. Erê, hûn ê dîsa jî gelek malperên ku ji nasnameyên bikar tînin, lê ew taybetmendiyên ji ber ku dema dersên pirtirîn malperên xwe yên nû têne avêtin.
Single or Multiple Classes in CSS?
Di piraniya rewşan de hûn ê kategoriyek yekgirtî bisekinin ser elementek, lê hûn rastî ne tenê tenê yek çîna wan bi awayekî ku hûn nasnameyên bi wan re ne. Dema ku hêre meriv dikare tenê nasnameyek yekane hebe, hûn dikarin bi awayekî fonksiyonên pirzimanî bidin bidin û di hin hinek rewşan de, dê vê rûpelê hêsantir bikin û ji hêla xweşiktir e!
Heke hûn hewce ne ku çiqas ji hêla gelek elementan re bikin, hûn dikarin kursiyên din zêde bikin û bi xwe re di nav taybetmendiya xwe de cihê xwe vekin.
Ji bo nimûne, ev paragrafên sê çaran hene:
pullquote featured left "> Ev dê gotarê paragrafa
Ev li sê parçeyên li ser benda paragrafê dike:
- Pullquote
- Featured
- Çep
Di nav her nirxên van nifşan de cihan cihan bikin. Ew cihan e ku ew çiqas cûda, dersa kesane. Ji ber vê yekê jî navên klasîk nikarin di nav wan deveran ne, çimkî ji ber vê yekê dê wan dersên cuda wekhev bikin.
Ji bo nimûne, eger hûn bêyî qada cihek "leftquote-featured-left", ew wateya yeka ye, lê mînakek jor, ku van sê peyvan bi qada cuda vekirî ye, ew wek nirxên takekes dike. Vê girîng e ku hûn fikra vê fêm bikin ku hûn biryar bidin ku kîjan nirxên çandî werin malperên we bikar bînin.
Gava ku hûn nirxên klasîk in HTML, hûn dikarin li ser CSS-ê de hûn dersên ku hûn dixwazin dixwazin zêde bikin. Bo nimûne.
.pullquote {...}
.
p.left {...}
Di van nimûne de, daxuyaniyên CSS û nirxên wê di hundurên tewrikê de, dê çawa ew şêweyên wê hilbijêrek bijarte.
Têbînî - heke hûn çînek ji bo elementek taybetî (wek mînak, p.left) diaxivin, hûn dikarin jî wek beşek ji lîsteya dersên bikar bînin; Lêbelê, bizanin ku ew tenê ew elementên ku di CSS-ê de diyar kirin. Di heman demê de, şêweya pîlanê tenê tenê ji parçeyek bi vê kategoriyê re ji bo hilbijartinê ji ber ku hilbijêrek rast e ku ew bi "paragrafên bi nirxa çîn a 'çep' bigere." Bi berevajî, du herdu hilbijartan di nimûne nimûne nimûne hinek elementan, ji ber ku ew ê nirxên ku ew nirxên wan tê bikaranîn.
Hiqûqa Multiple Classes
Dersên gelemperî dikare hêsantirên taybet ên hêmanên ku bêyî ku ji bo tevgerê nû nû çêbikin hêsantir bikin.
Ji bo nimûne, hûn dikarin bibin ku enerjiya hêmanên çepgir û çepê zûtir bikin. Hûn dikarin bi du çepgiran çep û r'ast bi tenê bi tewrê binivîsin: çep; û float: rast; di wan de Piştre, gava ku hûn elementek hebûn, hûn hewce nebe ku çepê çepê, hûn ê bi navê "çep" vebigere nav klûbê wê.
Her çiqas xuya ye ku li vir bigerin. Bawer bikin ku standardên web ji alîkirina dabeşkirina şêweyê û avahiyê diaşînin. Pergala HTML-ê bi hêsantir ve tête hêja ye.
Heke belgeya HTML-ê ji hêmanên wekî "red" an "çep" re tête tije tête kirin, ku navên ku çawa ji wan re nebin, çiqas çêdibe binivîsin, hûn di nav rêzê û avahiyê de derbas dikin. Ez hewl dikim ku navên ku ji bo vê yekê mimkin be, navên sinifên ne-semantîkî sînor bikin.
Multiple Classes, Semantics, and JavaScript
Bawarek din ku ji bo kursên pirzimanî tê bikaranîn e ku ew gelek derfetên kapîtalîzmê dide.
Hûn dikarin li derveyî elementên heyî yên ku Javava bi kar tînin bêyî dersa yekem ji dersa pêşîn ve bistînin. Hûn dikarin kursên bikar bînin ku ji hêla semantîkên hêman ve diyar bikin . Ev tê wateyê ku hûn dikarin li ser dersên dî zêdetir bikin ku hûn çi wateya semantîk bi awayekî diyar bikin. Vê yekê çawa Microformats kar dike.
Zerariyên Multiple Classes
Pirsgirêka herî mezintir ya ku di elementên xwe de gelek karanîna bikarhênerê ye, ew e ku ew dikarin nexşeyek hûrgelan bikin ku li ser çavan binêrin û dema xwe bigirin. Ew dibe ku dijwar binêrin ka kîjan şêweyên bandor li ser bandor dike û heke ti scriptên wê bandor dikin. Gelek çarçoveya îro îro, wek Bootstrapê, karanîna giran ên hêman ên bi pirzimanî re bikin. Koda kod dikare ji destê xwe ve zehmet û zehmet derxe ku hûn bi lez zûtir xebitîn bikin eger hûn nebawer in.
Dema ku hûn dersên piran bikar bînin, hûn jî rîska ku stenbolê ji bo dersek ji hev re veguherînek din ên din jî digire heger hûn ji bo vê yekê ne. Piştre vê yekê zehmet dibe ku bizanin ka çima şêweyên we nebe ku çaxê ew eşkere bikin.
Hûn hewce ne ku ji taybetmendiya xwe bizanibin bizanin, heta ku bi taybetmendiyên ku ew yek ji hêla têgihîştin!
Bi karanîna amûrên mîna Wek toolbarê di Chrome-ê de, hûn dikarin hêsantir bibînin ka çiqasên te çiqas bandorên xwe bandor dike û ev pirsgirêk ji celebên ciddî û taybetmendiyê dûr bikin.
Gotara rastîn ji Jennifer Krynin. Edited by Jeremy Girard at 8/7/17