Inline, yakaiswa mukati, uye kunze kwemashizha mapepa: Heino izvo zvaunoda kuziva
Kubva pakupedzisira kwekufambisa webhusaiti yewebhu kunowanzomiririrwa sechigaro chechitatu. Makumbo aya ndeaya:
- HTML yekugadzirwa kwesaiti;
- CSS yemifananidzo yekuona;
- Javascript yekuzvibata.
Nechipiri chechigaro ichi, CSS kana Cascading Style Sheets, ndicho chatinotarisa pano nhasi. Kunyanya, tinoda kutarisa zvitatu zvemhando dzaunogona kuwedzera pane dhidhiyo.
- Inline mitambo
- Yakadhindwa mafashoni
- External styles
Chimwe chezvinhu izvi zveCSS maitiro ane zvigaro uye zvinetso, saka ngatifunge zvakadzama mumwe nomumwe wavo pachavo.
Inline Styles
Inline michina mitambo yakanyorwa zvakananga mumutsetse munyaya ye HTML. Inline michina inogadzirisa chete tag chaiyo iyo inoshandiswa. Heano muenzaniso wepepa inotevedzwa inoshandiswa kune standard link, kana anchor, tag:
Iri mutemo weCSS yaizoita kuti mudikanisi uise pasi pekunyora kwemashoko kubva kune imwe chete yekubatanidza. Hazvizoiti, zvakadaro, kuchinja chero humwe hukama huri peji. Ichi ndicho chimwe chekukanganisa kwemasimiro akaiswa mukati. Sezvo ivo chete vanochinja pane chimwe chinhu, iwe unoda kutora HTML yako neyezvipfeko kuti uwane peji chaiyo yakagadzirwa. Icho hachisi tsika yakanakisisa. Chaizvoizvo, iyo imwe nhanho inobviswa kubva pamazuva e "font" tags uye musanganiswa wegadziro uye chimiro mumapeji ewebhu.
Inline mitambo inewo yakakwirira chaizvo.
Izvi zvinoita kuti zvive zvakanyanya kuoma kuti zvinyorwe pamwe nezvimwe, zvisati zviri mukati. Semuenzaniso, kana iwe uchida kuita sendipa inopindura uye uchinje kuti chimwe chinhu chinotarisa zvimwe zvikamu kuburikidza uchishandisa mibvunzo yevhidhiyo , michina yepamusoro pane chimwe chinhu ichaita izvi zvakanyanya kuoma kuita.
Pakupedzisira, maitiro akaderera ari chaiwo chete kana achishandiswa zvikuru.
Muzvokwadi, ini kazhinji handisati ndashandisa maitiro akaiswa mukati mangu pamawebhu angu.
Yakadhindwa Styles
Michina yakadhindwa ndiyo micheka yakaiswa mumusoro webhuku racho. Michina yakasimudzwa inogadzirisa chete mathesi pa peji yavanopindirwa mukati. Zvakare, nzira iyi inopesana neimwe simba reCSS. Sezvo peji rimwe nerimwe raizova nemafaira mune
, kana iwe uchida kuita shanduko yepasi pose, sekuchinja mararamiro emakwikwi kubva pakutsvuka kusvika kune ruvara, iwe unofanirwa kuita shanduko iyi pamapeji ose, sezvo peji rimwe nerimwe rinoshandisa chidimbu chemavara. Izvi zviri nani kudarika michina yakaiswa mukati, asi achiri kuoma mumatambudziko mazhinji.
Stylesheets iyo yakawedzerwa kune
yehuwandu zvakare inowedzera huwandu hwakawanda hwekodhi yemakadhi kune iyo peji, iyo inogonawo kuita kuti peji iwedzere kutarisira munguva yemberi.
Kubatsirwa kwemasheti akaiswa mukati mavo ndeyokuti mutoro pakarepo nepeji pachako, panzvimbo yekuda mamwe mafaira ekunze kuti atakure. Izvi zvinogona kuva rubatsiro kubva pakutsvaga nekukurumidza maonero .
External Style Sheets
Mazhinji mawebsite nhasi anoshandisa mavara emashizha ekunze.Imiitiro yekunze ndeye micheka yakanyorwa mune imwe rugwaro uye yakabatanidzwa kumagwaro akasiyana siyana ewebhu. Mamwe mapepa emafirimu anokwanisa kuchinja chero chidziro chaanobatanidzwa, izvo zvinoreva kuti kana iwe une webhupu yejiji 20 apo peji rimwe nerimwe rinoshandisa rimwechete pepeti (izvi zvinowanzoitwa), iwe unogona kuchinja kuona kune umwe neumwe pamapeji iwayo nekungoronga shanduro yepepa.
Izvi zvinoita kuti kutora nzvimbo kwenguva yakareba zvive nyore.
Iyo yakaderera kune kunze mavara mapepa ndeyekuti inoda mapeji kutora uye kutakura aya mafaira ekunze. Kwete peji rimwe nerimwe rinoshandisa maitiro ose muCSS sheet, mapeji akawanda ega achatakura imwe huru CSS peji pane iyo inonyanya kudikanwa.
Kunyange zvazvo ichokwadi kuti kune basa rinobatwa kune dzimwe kunze kweCSS files, rinogona kuderedzwa. Zvechokwadi, CSS mafaira ndiwo mafaira emafaira, saka ivo kazhinji haasi makuru zvikuru kutanga. Kana nzvimbo yako yese inoshandisa 1 CSS file, iwe unowanawo rubatsiro rwebhuku iroro rakachengetwa mushure mokunge ratanga kutakurwa.
Izvi zvinoreva kuti pane pangangodaro kushanda kuduku kunowanikwa peji yekutanga kushanyira, asi mapeji anotevera achashandisa faira reCSS cached, naizvozvo chero ipi zvayo yaizorambidzwa. Iko kunze kweCSS mafaira ndiyo nzira yandinovaka nayo mawebhu angu ose.