Inline, study, sarta cadar gaya éksternal: Di dieu Kang naon nu peryogi kauninga
Hareup-tungtung ngembangkeun ramatloka ieu mindeng digambarkeun salaku stool 3 laga. suku ieu saperti kieu:
Leg kadua stool ieu CSS atanapi Cascading Style cadar, nyaeta naon urang keur pilari di dieu dinten. Husus, urang rék alamat nu 3 rupa gaya Anjeun bisa nambah kana dokumen anu.
- gaya Inline
- gaya study
- gaya éksternal
Unggal rupa ieu tina gaya CSS boga kauntungan sarta drawbacks maranéhanana, jadi hayu urang nyandak hiji tampilan deeper di unggal sahijina individual.
Styles Inline
gaya Inline aya gaya nu ditulis langsung dina tag dina dokumen HTML. gaya Inline mangaruhan mung tag husus aranjeunna dilarapkeun ka. Di handap ieu conto tina hiji gaya inline dilarapkeun ka link baku, atawa jangkar, tag:
aturan CSS Ieu bakal ngahurungkeun hiasan ngagurat di handapna tulisan baku kaluar tina link ieu. Eta moal bakal kitu, ngarobah sagala link sejenna dina kaca. Ieu salah sahiji keterbatasan gaya inline. Kusabab aranjeunna ukur ngarobah dina item husus, anjeun bakal kedah litter HTML anjeun kalawan gaya ieu pikeun ngahontal hiji rarancang kaca nu sabenerna. Nu sanes prakték pangalusna. Malah, hiji hambalan dihapus ti poé "font" tag jeung campuran struktur jeung gaya di kaca web.
gaya Inline ogé mibanda specificity luhur pisan.
Hal ieu ngajadikeun éta pisan teuas pikeun nimpa jeung sejen, gaya non-inline. Contona, upami anjeun hoyong ngadamel situs anu responsif sarta ngarobah sabaraha unsur Sigana di breakpoints tangtu ku ngagunakeun queries média , gaya inline on unsur bakal nyieun ieu pisan hésé do.
Pamustunganana, gaya inline anu bener ukur luyu lamun dipake pisan sparingly.
Malah mah jarang kantos ngagunakeun gaya inline on webpages abdi.
Styles study
gaya study aya gaya nu study dina sirah tina dokumen teh. gaya study mangaruhan mung tag dina kaca aranjeunna study di. Sakali deui, pendekatan ieu negates salah sahiji kaunggulan tina CSS. Kusabab unggal kaca bakal mibanda gaya dina
, Lamun miharep sangkan parobahan sitewide, kawas ngarobah warna Tumbu ti beureum nepi ka héjo, anjeun bakal kedah ngadamel robah ieu dina unggal kaca, saprak unggal kaca migunakeun hiji gaya lambar study. Ieu leuwih hade tinimbang gaya inline, tapi masih masalah dina loba instansi.
Stylesheets nu ditambahkeun kana
tina dokumen hiji ogé nambahan jumlah signifikan kode aksara ka kaca nu nu ogé bisa nyieun kaca harder pikeun ngatur dina mangsa nu bakal datang.
Kapentingan study gaya cadar téh yén beban geuwat ku Kacana, tinimbang merlukeun file éksternal lianna bisa dimuat. Ieu tiasa janten manfaat ti speed download sarta sudut pandang kinerja .
Éksternal Style cadar
Paling jaba kiwari pamakéan gaya sheets.External gaya éksternal anu gaya nu ditulis dina dokumen misah lajeng napel rupa dokumén wéb. Cadar gaya éksternal bisa mangaruhan sagala dokumen aranjeunna meungkeut, nu hartina lamun boga ramatloka 20-kaca dimana tiap halaman migunakeun gaya lambar sami (ieu ilaharna kumaha eta geus rengse), anjeun tiasa ngadamel robah visual ka unggal hiji jalma Kaca ku saukur ngédit éta gaya lambar.
Hal ieu ngajadikeun manajemén situs jangka panjang loba gampang.
The downside kana gaya cadar éksternal nyaeta aranjeunna merlukeun kaca keur dipulut tur muka ieu file éksternal. Henteu unggal kaca bakal ngagunakeun unggal gaya dina lambaran CSS, jadi loba kaca bakal muka kaca CSS loba nu leuwih gede ti eta sabenerna butuh.
Bari éta leres yen aya hiji hit kinerja pikeun file CSS éksternal, éta can tangtu jadi minimal. Réalistis, payil CSS téh nyaéta payil téks ngan, ngarah umumna teu kacida gedéna pikeun dimimitian ku. Mun sakabéh situs anjeun migunakeun 1 file CSS, anjeun ogé neangan manfaat tina dokumen nu keur sindangan sanggeus eta asalna dimuat.
Ieu ngandung harti yén aya bisa janten kinerja hit slight dina kaca kahiji sababaraha kunjungan, tapi kaca saterusna bakal make file CSS di sindangan, jadi naon baé hit bakal negated. file CSS éksternal anu kumaha kuring ngawangun sagala webpages abdi.