Pêşniyarên typografîk baş e ku beşek malpera serkeftî ye. CSS di ser rûpelên malperên ku malperên ku hûn çêbikin, li ser nîşana tekstê kontrol dikin. Di vê çarçoveyê de tête kareya guhertina rengê ku fonts ku hûn bikar tînin.
Pelên rengan dikarin bi karanîna şêweya derve ya veguherîn, pirtûka şêweya navxweyî veguherînin , an jî dikare belgeya nav HTML-ê di belgeya HTML-ê de guhertin. Pratîkên herî baş dibêjin ku hûn şêweyên şêweya CSS-ê bikar bînin. Pirtûka şêweya navxweyî, ku şêweyek bi rasterast di "head" ya belgeya nivîskî de têne nivîsandin, bi gelemperî tenê ji bo ji bo piçûk, yek-rûpelan tê bikaranîn. Divê ji bila binivîsin inline genres ji ber ku ew digel "font" - tagên kevn ên ku em bi gelek sal berî dakêşin. Kesên inline şêweyek ji bo şêweya fonanîna rêveberiyê bikin, ji ber ku hûn hewceyê wan di her tiştî de ji modela inline-ê biguherînin.
Di vê gotarê de, hûn ê bizanin ka çawa rengê rengê fonksiyonê bi karanîna şêweya derveyî û şêweya ku di tagê paragraphê de tê bikaranîn. Hûn dikarin xwedan heman şêweya stendinê bigirin ku rengê rengê fenivîsê li ser her tagê veguherîna nivîsê, di nav cûreya
.Vebijêrin Çewtiya Reşê Reş Bike
Ji bo vê nimûne, hûn hewce ne ku belgeya HTML-ê ji bo qonaxa we û peldanka CSS-yê ku girêdayî belgeyê ve girêdayî ye. Dokumentên HTML-ê dê hejmarek hinek hêmanan bikin. Yek ji me re ji bo armanca vê gotarê ye, paragrafa hêja ye.
Li vir e ku çawa rengê rengê nivîsê di hundurê paragrafê de bi karanîna xwe ya şêweya derveyî bikar tînin biguherînin.
Nirxên rengê wekî rengên rengîn, rêjeyên rengên RGB, yan hejmarên hexadecimal têne dîtin.
- Ji bo taga paragrafa taybetmendiyê zêde bike:
- p {}
- Bi rengê rengê rengê rengê cîh bikin. Piştî kolonek hilbijêre:
- p {reng:}
- Piştre piştî xerîdariya rengê xwe rengê xwe bike. Bawer bikin ku ew bi nirxa nîv-kolonî re bigire:
- p {color: black;}
Paragrafên di nav rûpelê de dê nuha reş be.
Ev nimûneyeke rengek rengî bikar tîne - "black". Ew e ku rêberî ku rengê CSS dişîne, lê ew gelekî sînor e. Vebijarkirina karanîna "black" û "spî" ji ber ku ew du rengan pir taybet e, lê çi dibe heger hûn kîjan peyvên wekî "red", "blue", an "green" bikar bînin? Bi rastî hûn kîjan şade ya sor, şîn, an kesk heye? Hûn nikarin diyar bikin ku hûn kîjan klavyayên ku hûn dixwazin bi rengên rengî dixwazin. Ji ber vê yekê, nirxên hexadecimal gelek caran li cîhê rengên kêşeyên bikar tînin.
p {color: # 000000; }
Ev şêweya CSS-ê jî rengê xwe ji hêla reş re veşartin, ji ber ku hexa #xilê hexê hexê reş reş dike. Hûn dikarin her weha bi qelaxa hexê bikar bînin û bi tenê nêzîkî # 000 binivîse û hûn ê heman tiştê bigirin.
Wekî ku ji ber ku em ji berî gotinê, nirxên hexê çaxê ku hûn hewil hewce ne ku ne tenê reş an spî ne. Li vir nimûne ye:
p {color: # 2f5687; }
Ev nirxa hexê dê parçeyek bi rengê rengek reş, lê belê bi rengek "blue" re, nexşeya vê hexê dide we destûra we ji bo ku hûn pisporê hilbijêrî dema ku dîztator hilbijêre ku bi rengek pir rengek rengek paqij bikin vê malperê Di vê rewşê de, rengê bibe navendî, navnîşa rengê asê.
Di dawiyê de, hûn dikarin nirxên rengên RGBA ji bo rengên fenivîs û herweha bikar bînin. RGCA niha di gerokên hemdem ên piştevanîya piştgirî kiriye, da ku hûn bi van xemgîniyê re bi xemgîniya piçûk bikar bînin ku ew ê di geroktek webê de piştevanî nebe, lê hûn dikarin her weha betaliyek hêsan bikin.
p {reng: rgba (47,86,135,1); }
Ev nirxa RGBA eynî wek rengê rengê rengê şîn e. 3 nirxên yekem di bin nirxên sor, Kesk û Blue de diyar kir û hejmarek dawiyê sazkirina alpha ye. Ew bi "1" vekirî ye, ku tê wateya "100%", da ku rengê wê rengî şopdariyê tune. Heke hûn hejmara hejmarek dakêşî, wek85, wek wê, wê dê 85% opozîsyonê bikin û rengê hinekî hiqûqî be.
Heke hûn dixwazin nirxên rengên xwe yên bulletproof, hûn ê bikin:
p {
rengê: # 2f5687;
rengê: rgba (47,86,135,1);
}
Ev syntax yekem hexê hexê dike. Piştre ew e ku hejmarek bi hejmara RGBA re ye. Ev tê wateya ku gerîla kevntir e ku RGBA piştgirî nake ku yekem nirxa xwe bigihîne û duyemîn berbiçav bike. Browserên nûjen dê duyemîn c CSSyê bikar bînin.