Ṣiṣe oniru ibajẹ jẹ ẹya pataki ti aaye ayelujara ti o ni aaye. CSS fun ọ ni iṣakoso nla lori ifarahan ọrọ lori oju-iwe ayelujara awọn oju-iwe ayelujara ti o kọ. Eyi pẹlu agbara lati yi awọ ti awọn nkọwe ti o lo.
A le ṣe awọn iyipada awọn iṣọpa nipa lilo iwe- ara ti ita , iwe- ara ti inu , tabi a le yipada nipa lilo fifọ ila inu iwe HTML. Awọn iṣẹ to dara julọ n kede pe o yẹ ki o lo apo-ara ti ita fun awọn apejọ CSS rẹ. Iwe-ara ti inu, ti o jẹ awọn aza ti a kọ taara ni "ori" ti iwe rẹ, ni gbogbo igba ni a lo fun awọn aaye kekere, oju-iwe kan. Awọn ọna ifilelẹ yẹ ki o yee niwon wọn ti jẹ apẹrẹ si awọn aami "fonti" atijọ ti a ṣe pẹlu ọpọlọpọ ọdun sẹyin. Awọn ọna onigọwọ naa jẹ ki o ṣòro lati ṣakoso awọn aṣiṣe fonti niwon o yoo nilo lati yi wọn pada ni gbogbo igba ti awọn ọna inline.
Ninu àpilẹkọ yii, iwọ yoo kọ bi o ṣe le yi iwọn awọ rẹ pada pẹlu lilo iwọn-ara ti ita ati aṣa ti a lo ninu apejuwe paragile kan. O le lo iru ohun ini kanna lati yi awọ awọ ni ori eyikeyi tag ti o yika ọrọ, pẹlu
Fikun Awọn Ikọlẹ lati Yi Awọ Awọ Aṣayan pada
Fun apẹẹrẹ yi, iwọ yoo nilo lati ni iwe HTML fun apẹrẹ oju-iwe rẹ ati faili CSS ti o ni asopọ si iwe-ipamọ naa. Awọn iwe-aṣẹ HTML yoo ṣe awọn nọmba eroja ninu rẹ. Ẹnìkan ti a ba wa pẹlu idi ti ọrọ yii ni ipinfin ipinfin.
Eyi ni bi o ṣe le yi awọ awọ ti a fi ọrọ rẹ pada si inu aṣaarẹ afi pẹlu lilo iwe-ara rẹ ti ita.
Awọn ifilelẹ awọ ni a le fi han bi awọn koko ọrọ awọ, nọmba RGB awọn nọmba awọ, tabi awọn nọmba awọ nọmba hexadecimal.
- Fi awọn ara ara han fun tag tag:
- p {}
- Fi ohun-ini awọ ara wa sinu ara. Fi ami kan silẹ lẹhin ti ohun ini naa:
- p {awọ:}
- Lẹhinna fi iye iye rẹ lẹhin ohun-ini. Rii daju lati pari iye naa pẹlu ami-ami-ami:
- p {awọ: dudu;}
Awọn ìpínrọ ninu oju-iwe rẹ yoo jẹ dudu.
Apẹẹrẹ yii nlo ọrọ awọ kan - "dudu". Iyẹn jẹ ọna kan lati fi awọ kun CSS, ṣugbọn o jẹ iyatọ. Lilo awọn ọrọ-ọrọ fun "dudu" ati "funfun" jẹ ni kiakia nitori awọn awọ meji naa jẹ pato pato, ṣugbọn kini o ṣẹlẹ ti o ba lo awọn ọrọ bi "pupa", "blue", tabi "alawọ ewe"? Gangan ibo ibo ti pupa, bulu, tabi alawọ ewe yoo ni? O ko le pato gangan iboji awọ ti o fẹ pẹlu koko. Eyi ni idi ti awọn oṣuwọn hexadecimal maa n lo ni ibi ti awọn koko koko.
p {awọ: # 000000; }
CSS yii yoo tun ṣeto awọ ti awọn paragifi rẹ si dudu, nitori koodu hex ti # 000000 tumo si dudu. O le paapaa lo shorthand pẹlu pe iye hex ati kọwe bi o kan # 000 ati pe iwọ yoo gba ohun kanna.
Gẹgẹbi a ti sọ tẹlẹ, iye hex ṣiṣẹ ṣiṣẹ daradara nigbati o nilo awọ ti kii ṣe dudu tabi funfun nikan. Eyi jẹ apẹẹrẹ:
p {awọ: # 2f5687; }
Yi iye hex yoo ṣeto awọn ìpínrọ si awọ pupa, ṣugbọn laisi ọrọ "blue", koodu hex yi fun ọ ni agbara lati ṣeto awọsanma gangan kan ti buluu - boya eyi ti onise naa yan nigba ti wọn ṣẹda wiwo fun aaye ayelujara yii. Ni idi eyi, awọ naa yoo jẹ aarin ibiti a ti le ni ibiti a ti fẹlẹfẹlẹ.
Níkẹyìn, o le lo awọn iwọn awọ RGBA fun awọn awọ fonti naa. RGCA ti ni atilẹyin ni gbogbo awọn aṣàwákiri òde òní, nitorina o le lo awọn iṣiro yii pẹlu aibalẹ pupọ pe a ko ni atilẹyin rẹ ni aṣàwákiri wẹẹbù, ṣugbọn o tun le ṣetan abajade ti o rọrun.
p {awọ: rgba (47,86,135,1); }
Iwọn RGBA yii jẹ kanna bi awọ awọ lasan ti o ṣafihan tẹlẹ. Awọn ošuwọn akọkọ 3 ṣeto awọn Awọ Red, Green, ati Blue ati nọmba ipari ni eto alpha. O ṣeto si "1", eyi ti o tumọ si "100%", nitorina awọ yii ko ni iṣere. Ti o ba ṣeto eyi si nomba eleemewa, bii .85, yoo tumọ si 85% opacity ati pe awọ naa yoo jẹ iyipada pupọ.
Ti o ba fẹ bulletproof awọn awọ rẹ iye, iwọ yoo ṣe eyi:
p {
awọ: # 2f5687;
awọ: rgba (47,86,135,1);
}
Yi syntax seto koodu hex akọkọ. Lẹhinna o ṣe alaye iye naa pẹlu nọmba RGBA. Eyi tumọ si pe eyikeyi aṣàwákiri ti o gbooro ti ko ni atilẹyin RGBA yoo gba iye akọkọ ati ki o foju keji. Awọn aṣawari igbalode yoo lo keji fun Cash Ccade.