Çima koma hêsan a kodek hêsantir dike
CSS, an Mijarek Stenbolê ya Cascading, rêbazek pîşesaziya pîşesaziyê ya ku rêberên dîtir yên ku di malperê de zêde bikin, qebûl dikin. Bi CSS, hûn dikarin bi rengê rûpelê, rengan, çîrok , pirtûka paşîn, û pir bêtir kontrol bikin. Baskî, heger ew stylesek dîtir e, paşê CSS wê rêberê ku ew şêweyên xwe bidin malpera xwe.
Wekî ku hûn şêweyek CSS-ê belgeyên ku belgeyek pirtir bikin, hûn dikarin bibînin ku belgeya dirêj û dirêjtir dest pê dike. Heta malperek piçûk bi tenê pela pîrek dikare bi pelê CSS-ê veşartî bibe û malperek pir mezin e ku pir û gelek rûpelên naveroka yekbûyî dikarin pelên CSS-ê pir mezin in. Ev ji hêla malperên berpirsyariyê yên ku gelek pirsên pirsî hene di çarçoveya stenbolan de hene, da ku guhartina çiqas çawa bibînin û rûpelê ji bo eklemanên cuda cuda dide.
Erê, pelên CSS-ê dikarin dirêj dirêj bibin. Ew pirsgirêkek girîng e ku ew li ser karûbarê malperê û bilezê dakevin, ji ber ku pelê CSS-ê dirêj dibe pir piçûk e (ji ber ku ev bi rastî belgeyê nivîskî ye). Hê jî, her tiştî hejmarek kurt dike dema ku lezê rûpela têgihîştinê, da ku hûn dikarin pirtûka xwe ya leaner bikin, ew fikrek baş e. Vê yekê ku "koma" dikare di çarçoveya xwe de pir bi destê xwe têkeve!
Komas û CSS
Hûn dikarin şikir kir ku cûreyên kozayê di syntaxê CSS-ê de hilbijartin. Wekî ku di bendê de, koma cihekî diyar e-ne kodê-ji dabeşkeran. Konseya di CSS-ê de bijarte di heman şêweyan de çend selectors veqetîne.
Ji bo nimûne, em li jêr hin CSS binêrin.
th {rengê sor; }
td {color: red; }
p.red {color: red; }
div # first color {color: red; }
Bi vê syntaxê, hûn dibêjin ku hûn bi teyrên sor re, td tags, paragrafên tarîp dixwazin, û nasnameya danê bi nasnameyê re hemî hemî bi rengê rengê xwe heye.
Ev eşkere CSS-ê tête qebûlkirin, lê du derengiyên girîng hene ku bi vî rengî nivîsîn bikin:
- Di pêşerojê de, heger hûn biryar da ku rengê fenjê van van taybetmendiyên zelal biguhînin, divê hûn çar çarçeyek di çarçoveya te de guhertin.
- Ew pirtûkên ku ji we re ne hewceyê gelek celebên din hene. Ev 4 şêweyên ku nikarin zûtirîn xuya nakin, lê heger hûn di vê çarçoveya tevahiya şêweyê de berdewam bikin, rêza wê zêde bibin û ewê wê pir zêde bibe, ji ber ku wê hewce ne.
Ji bo ku ji van derengî dûr nekin, û pelê CSS ya xweş bike, em ê bi karanîna karanîna hewl bikin.
Karûbarên Hilbijartî yên Hilbijartin Bi Bikaranîna Bikaranînê
Li şûna nivîsandina 4-ê CSS-ê û 4 rêbazên cuda, hûn dikarin hemî van şêweyên li ser desthilatdariyek yek qewicî bikin û bi hilbijêrek kesek bi koma vekin. Li vir e ku wê çawa bibe:
th, td, p.red, div # vîdyoyek {reng: sor; }
Lîsteya koreya bingehîn wekî "peyv" û "di nav hilbijêre" de dike. Ji vî awayî ev e ku ji hêla şîfreyê ve bi navnîşana nasnameyê ve û xeletiya teh û tarîxa td-td û paragrafên td -ê tête. Wê ku em berê berî, lê li bila hewceyê hewceyê 4 CSS-ê, hiqûqa me bi yekane hilbijêrekî yek heye. Ev kasa ku di kongreyê de hilbijartî dike, ew dikare ji me re yek desthilata çend selectors hene.
Ne tenê ne tenê vê rêbazê ji bo pelan, pelên CSS-ê paqij e, ew jî rojnameyên paşerojê hêsan hêsan dike. Dema ku tu dixwazî rengê ji sor veşartî veguherî, hûn tenê bi guhertina çarçoveya 4 şêwazên xwerû yên ku bi me re guhertinê biguherînin! Dema ku ev demdirêj li seranserî CSS-ê vebawer bikin û hûn dikarin bibînin ka ew ê çawa we di wextê demdirêj de hemî we biparêzin?
Guhertina Syntax
Hin kes hilbijêre ku ji hêla yek her yek rêzek nivîskî binivîse ji hêla her bijartî li ser xwe hilbijêre, bi hêla CSS re derbas dibe. Ev çawa çawa bibe:
te,
td,
p.red,
div #
{
rengê sor
}
Hişyar bikin ku hûn piştî her hilbijartî û konseya navîn de bikin û paşê bikar bînin "enter". Piştî hilbijartina dawîn a ku hûn koma zêde nakin.
Bi karûbarên hilbijartinan di nav hilbijartinên xwe de bikar tînin, hûn pirtûka şêwazek bêtir çêbikin biafirîne ku di pêşerojê de rojanekirinê hêsantir e û îro hêsan bixwînin!
Gotara rastîn ji Jennifer Krynin. Edited by Jeremy Girard 5/8/17