Ubwino wa Mapepala Amtundu Wosasintha

Pezani zenizeni ndi maphunziro aifupi awa a CSS

Mapepala osayendetsa amapindula kwambiri. Amakulolani kuti mugwiritse ntchito pepala lofanana pa webusaiti yanu yonse. Pali njira ziwiri zochitira izi:

1. kulumikizana ndi LINK chinthu
2. kuitanitsa ndi @import lamulo
   2. @import url ('http://www.yoursite.com/styles.css');

Ubwino ndi Kuipa kwa Mafilimu Akunja Kwakunja

Chimodzi mwa zinthu zabwino kwambiri zokhudzana ndi mapepala apamwamba ndikuti mukhoza kuzigwiritsa ntchito kusunga malo anu. Njira yosavuta yochitira izi ndikugwirizanitsa kapena kutumiza pepala lakunja. Ngati mumagwiritsa ntchito pepala lokhalo lakunja pa tsamba lirilonse la tsamba lanu, mutha kukhala otsimikiza kuti masamba onse adzakhala ndi zofanana.

Zina mwa ubwino wogwiritsira ntchito mapepala apanyanja akunja zimaphatikizapo kuti mukhoza kuyang'anira maonekedwe ndi maonekedwe a malemba angapo nthawi imodzi. Izi ndi zothandiza makamaka ngati mutagwira ntchito ndi gulu la anthu kuti mumange webusaiti yanu. Malamulo ambiri a kalembedwe angakhale ovuta kukumbukira, ndipo ngakhale mutakhala ndi zolemba zamasewera osindikizidwa, zimakhala zovuta kuti muzitsatira nthawi zonse kuti muwone ngati chitsanzo cholembedwa chiyenera kulembedwa mu ndime 12 ya Arial kapena tsamba 14.

Mungathe kupanga makalasi omwe angagwiritsidwe ntchito pazinthu zosiyanasiyana za HTML. Ngati nthawi zambiri mumagwiritsa ntchito mapepala apadera a Wingdings kuti mugwiritse ntchito zinthu zosiyanasiyana pa tsamba lanu, mungagwiritse ntchito kalasi ya Wingdings yomwe mumayika mu pepala lanu la kalembedwe kuti muyipange kusiyana ndi kufotokozera kalembedwe kake pa zochitika zonse za kutsindika.

Mukhoza kusonkhanitsa zojambula zanu kuti zikhale zovuta kwambiri. Njira zonse zogwirizanitsa zomwe zilipo kwa CSS zingagwiritsidwe ntchito m'mapepala apamwamba, ndipo izi zimakupatsani mphamvu zowonjezera komanso zosinthika pamasamba anu.

Izi zanenedwa, palinso zifukwa zabwino kwambiri zoti musagwiritsire ntchito mapepala apamanja akunja. Chifukwa chimodzi, iwo akhoza kuwonjezera nthawi yowonjezera ngati mutumikiza kwa ambiri.

Nthawi iliyonse pamene mumapanga fayilo yatsopano ya CSS ndi kulumikiza kapena kulowetsamo muzomwe mukulemba, zomwe zimafuna wochezera pawebusaiti kuti apange foni ina ku webusaiti kuti mupeze fayilo. Ndipo maitanidwe a pulogalamu amachepetsa nthawi yoperekera.

Ngati muli ndi mayina ochepa chabe, akhoza kuwonjezera zovuta za tsamba lanu.
Chifukwa mawonekedwe sakuwonekera mu HTML, aliyense akuyang'ana pa tsamba ayenera kupeza chilemba china (CSS file) kuti adziwe zomwe zikuchitika.

Mmene Mungapangire Chizindikiro Chakunja Chakunja

Mafilimu akunja akunja amalembedwa mofanana ndi mapepala apakati. Koma zonse zomwe mukufuna kulemba ndi wosankha kalembedwe ndi chidziwitso . Simukusowa chinthu cha STYLE kapena chidziwitso muzolengezo.

Monga momwe zilili ndi CSS zonse, mawu ofanana ndi lamulo ndi:

wosankha {property: value; }}

Malamulo awa amalembedwa ku fayilo yamalemba ndi extension .css. Mwachitsanzo, mungatchule mayina anu ojambula masewero.css.

Mukakhala ndi chipepala cholembera, muyenera kulumikiza ku masamba anu a pawebusaiti. Monga ndanenera pamwambapa, izi zimachitika m'njira ziwiri.

Kugwirizanitsa Zofalitsa za CSS

Kuti mugwirizane ndi pepala lojambula, mumagwiritsa ntchito LINK chinthu. Izi ziri ndi zikhumbo rel ndi href. Chotsatiracho chimauza osatsegula zomwe mukugwirizanitsa (pankhaniyi ndi pepala lojambula) ndi chidziwitso chotsatira chimagwira njira yopita ku fayilo ya CSS.

Palinso mtundu wosankha womwe mungagwiritse ntchito kutanthauzira mtundu wa MIME wa zolembedwerazo. Izi sizikufunika mu HTML5, koma ziyenera kugwiritsidwa ntchito m'malemba 4 a HTML.

Pano pali code yomwe mungagwiritse ntchito kulumikiza pepala la ma CSS lotchedwa styles.css:

Ndipo mulemba 4 HTML mungalembe:

type = "malemba / css" >

Kulowa Masamba A CSS

Ma sheti apamwamba akuyikidwa mkati mwa chinthu cha STYLE. Mutha kugwiritsa ntchito mafashoni omwe mumakonda ngati mukufuna. Mungathenso kuphatikiza mafashoni amtengo wapatali mkati mwa mapepala ogwiritsidwa ntchito. M'kati mwa ndondomeko ya STYLE kapena CSS, lembani:

@import url ('http://www.yoursite.com/styles.css');