Ingqwalasela yeeSpredishithi zeSitayela zokuHlasela ngeSampuli yeSpeet Sheet
Xa ukwakha iwebhusayithi ukususela ekuqaleni, kulungile ukuqala ngeendlela eziphambili ezichazwe. Kufana nokuqala ngetyuwa ecocekileyo kunye neebhontshisi ezintsha. Enye yeengxaki zokuqala abajongisi bewebhu abajongene nazo kukuba iziphequluli zewebhu zihluke. Ubungakanani befonti obungagqibekanga buhlukileyo ukusuka kwipulatifomu ukuya kwiplatifti, intsapho yefonti engagqibekanga iyahluke, ezinye iiphequluli zichaze iimpawu kunye nokugqithisa kwithegi yomzimba xa abanye bengenjalo, njalo njalo. Hamba ujikeleze okungahambelani ngokuchaza iindlela ezizenzekelayo zamaphepha akho ewebhu.
CSS kunye neCandelo lokuSebenza
Izinto zokuqala kuqala, setha isethi yomgca weempawu zakho ze-CSS kwi- utf-8 . Nangona kunokwenzeka ukuba uninzi lwamaphepha oyilo lubhalwa ngesiNgesi, ezinye ziyakwazi ukuhlaziywa-zilungelelaniswe ngolwimi oluhlukeneyo kunye nenkcubeko. Xa kunjalo, i-utf-8 yenza lula inkqubo. Ukusetha umgca womgca kwishidi lomsebenzi wangaphandle akuyi kuqala kwi- header yeHTTP , kodwa kuzo zonke ezinye iimeko, kuya kuba.
Kulula ukusetha isethi yomgca. Umgca wokuqala woxwebhu lweCSS ubhale:
@charset "utf-8";Ngale ndlela, ukuba usebenzisa abalinganiswa bamazwe ngamazwe kwipropati yomxholo okanye njengamagama eklasi kunye ne-ID, ishidi lomsebenzi liya kusetyenziswa ngokuchanekileyo.
Ukubetha iSigqeba soPhezulu
Into elandelayo ifayile yesitayela esingagqibekanga yimizila yokutshintsha ukuya kumanxwemeni, ukupakisha, kunye nemida. Oku kuqinisekisa ukuba zonke iiphequluli zibeka indawo kwindawo enye, kwaye akukho zikhalazo ezifihliweyo phakathi kwesiphequluli kunye nomxholo. Kwimaphepha amaninzi ewebhu, oku kufutshane kakhulu nomgca wokubhaliweyo, kodwa kubalulekile ukuqala khona ukuze imifanekiso engemvelaphi kunye nokwahlukana kwamalungiselelo afakwe ngokuchanekileyo.
html, umzimba {umgama: 0px; ukupakisha: 0px; Umda: 0px; }Beka phambili okanye umbala wefonti kumnyama kunye nombala ongasemva komgca. Nangona oku kuya kutshintsha kakhulu kwiinkcukacha ezininzi zekhasi lewebhu, ukuba le mibala eqhelekileyo isetyenziswe emzimbeni kunye ne- HTML tag ekuqaleni yenza ukuba lula ukufunda nokusebenza kunye nephepha.
html, umzimba {umbala: # 000; imvelaphi: #fff; }Iifayile zohlobo lweSifa
Ubukhulu befonti kunye nosapho lwefonti yinto engayi kuguqulwa ngokukhawuleza xa idizayini ibambelela kodwa qalisa ngobukhulu befonti obungagqibekanga ye-1 em kunye nosapho olungapheliyo lwe-Arial, i-Geneva, okanye enye ipolisi ye-sans-serif. Ukusetyenziswa kwe-ems kugcine iphepha lifikeleleke ngokukhawuleza, kunye nefonti ye-sans-serif iyabonakala kakhulu kwisikrini.
html, umzimba, p, th, td, li, dd, dt {ifonti: ye-Arial, Helvetica, sans-serif; }Kukho ezinye iindawo apho unokufumana khona itekisi, kodwa p , th , td , li , dd , kunye ne- dt yintleko efanelekileyo yokuchaza umgca wesiseko. Faka i- HTML kunye nomzimba xa kunjalo, kodwa ezininzi iiphequluli zigqithise ukhetho lwefonti ukuba uchaza kuphela iifom zakho ze HTML okanye umzimba.
IiNtloko
Izihloko ze-HTML zibalulekile ukuzisebenzisa ukuncedisa umgca wakho weewebhu kwaye uvumele iinjinjini zokukhangela zibe zijonge kwisayithi lakho. Ngaphandle kwezitayela, zonke zikhohlakele kakuhle, zenzele izitayela ezingagqibekanga kubo bonke kwaye zicacise intsapho yefonti kunye nobukhulu befonti nganye.
h1, h2, h3, h4, h5, h6 {ifom-intsapho: Arial, Helvetica, sans-serif; } h1 {ubungakanani befonti: 2m; } h2 {ubungakanani befonti: 1.5em; } h3 {ubungakanani befonti: 1.2m; } h4 {ubukhulu befonti: 1.0em; } h5 {ubukhulu befonti: 0.9m; } h6 {ubungakanani befonti: 0.8m; }Don & # 39; t Ukulibala izixhumanisi
Ukubetha imibala yekhonkco phantse iyingxenye ebalulekileyo yoyilo, kodwa ukuba awuyi kuchazi kwiimpawu ezingagqibekanga, amathuba okuba uyakulibala ubuncinane enye yeeklasi. Chaza ngeentlobo ezincinci kwiiblue uze utshintshe xa unemibala yebalayini kwisayithi echazwe.
Ukusetha iinqununu kwiimpawu zeblue, usethe:
- izixhumanisi njengeblue blue
- tyelela iikhonkco njengobomvu obumnyama
- ukuhambisa iikhonkco njengoluhlaza okwesibhakabhaka
- ikhonkco esebenzayo njengokuba luhlaza okwesibhakabhaka
njengoko kuboniswe kulo mzekelo:
: isixhumanisi {umbala: # 00f; }: uhanjelwe {umbala: # 009; } a: hover {umbala: # 06f; }: asebenzayo {umbala: # 0cf; } Ngokubumba izixhumanisi kunye nenkqubo yombala ongenabungozi, iqinisekisa ukuba andiyi kulibala nayiphi na iklasi, kwaye iphinda ibencinci ngokuncinci ngaphezu kokubhakabhaka okungapheliyo, obomvu kunye nobomvu.Iphepha leSpahla epheleleyo
Nantsi ishidi elipheleleyo lesitayela:
@charset "utf-8"; html, umzimba {umgama: 0px; ukupakisha: 0px; Umda: 0px; umbala: # 000; imvelaphi: #fff; } html, umzimba, p, th, td, li, dd, dt {ifowuni: ye-Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {yentsapho-yamagama: Arial, Helvetica, sans-serif; } h1 {ubungakanani befonti: 2m; } h2 {ubungakanani befonti: 1.5em; } h3 {ubungakanani befonti: 1.2m; } h4 {ubukhulu befonti: 1.0em; } h5 {ubukhulu befonti: 0.9m; } h6 {ubungakanani befonti: 0.8m; }: ikhonkco {umbala: # 00f; }: uhanjelwe {umbala: # 009; } a: hover {umbala: # 06f; }: asebenzayo {umbala: # 0cf; }