Kaunggulan na drawbacks of Styles Inline di CSS

CSS, atawa Cascading Style cadar, aya naon ieu dipaké dina rarancang ramatloka modern mun nerapkeun katingal visual kana kaca. Bari HTML nyiptakeun struktur kaca jeung Javascript tiasa ngadamel paripolah, anu katingal jeung ngarasakeun tina website teh domain of CSS. Lamun datang ka gaya ieu, aranjeunna paling sering dilarapkeun maké cadar gaya éksternal, tapi anjeun oge bisa nerapkeun gaya CSS ka Unsur husus tunggal ku maké naon katelah "gaya inline".

gaya Inline aya gaya CSS nu dilarapkeun langsung di HTML kaca urang. Aya duanana kaunggulan jeung kalemahan mun pendekatan ieu. Heula, hayu urang nempo persis kumaha gaya ieu téh ditulis.

Kumaha Tulis hiji Style Inline

Pikeun nyieun hiji gaya CSS inline, anjeun ngawitan ku tulisan sipat gaya Anjeun sarupa kumaha Anjeun ngalakukeunana dina gaya lambar, tapi perlu jadi sagala salah garis. sababaraha pasipatan misah jeung titik koma sagampil Anjeun ngalakukeunana dina gaya lambar.

latar: #ccc; Warna: #fff; wates: 1px hideung solid;

Teundeun éta garis gaya jero atribut gaya sahiji unsur rék jadi styled. Contona, upami anjeun hayang nerapkeun gaya kieu ka ayat dina HTML anjeun, unsur nu bakal kasampak kawas kieu:

Dina conto ieu, ayat husus dina ieu bakal muncul ku tukang abu lampu (anu mangrupa naon #ccc bakal ngarobah), téks hideung (tina # 000 warna), sarta ku 1-piksel wates hideung solid sabudeureun sadayana opat sisi paragraf .

Kaunggulan tina Styles Inline

Hatur nuhun kana cascade of Cascading Style gaya Lambaran inline boga precedence pangluhurna atawa spésifisitas dina dokumen a. Ieu hartina memang maranehna bade diterapkeun euweuh urusan naon wae anu didikte di stylesheet éksternal anjeun (kalayan hiji iwal keur sagala gaya nu dibere! Deklarasi Kadé lambar, tapi ieu teu hal anu kudu dilakukeun dina situs produksi lamun eta bisa dihindari).

Hijina gaya nu gaduh precedence luhur batan gaya inline aya gaya pamaké dilarapkeun ku pamiarsa sorangan. Mun anjeun ngabogaan kasulitan meunang parobahan anjeun pikeun nerapkeun, anjeun tiasa nyobian netepkeun hiji gaya inline on unsur. Lamun gaya masih teu nembongkeun ngagunakeun gaya inline, anjeun nyaho aya hal sejenna jalan.

gaya Inline anu gampang tur gancang pikeun nambahkeun anjeun teu kedah salempang ngeunaan nulis sejen CSS ditangtoskeun saprak anjeun nambahkeun gaya langsung ka unsur rék ngarobah (unsur nu dasarna ngagantikeun sejen maneh bakal nulis dina gaya lambar éksternal ). Anjeun teu kudu nyieun dokumen anyar sakabeh (sakumaha kalayan gaya cadar éksternal) atawa ngédit unsur anyar dina sirah tina dokumen anjeun (sakumaha kalayan cadar gaya internal). Anjeun ngan nambah atribut gaya nu geus sah dina ampir unggal unsur HTML. Ieu kabeh alesan naha anjeun bisa jadi cocoba ngagunakeun gaya inline, tapi anjeun oge kudu sadar sababaraha kalemahan pisan signifikan kana pendekatan ieu.

Kalemahan Styles Inline

Kusabab gaya inline aranjeunna paling husus di cascade, maranéhanana bisa leuwih-numpak hal nu teu maksudna eta. Éta ogé negate salah sahiji aspék pangkuatna di CSS - kamampuhan pikeun gaya kavling na kavling kaca web ti hiji file CSS sentral nyieun apdet hareup sarta parobahan gaya loba gampang pikeun ngatur.

Lamun kapaksa ukur make gaya inline, dokumén anjeun bakal gancang jadi bareuh sarta pohara teuas pikeun ngajaga. Ieu alatan gaya inline kudu dilarapkeun ka unggal unsur rék aranjeunna on. Ku kituna lamun hoyong sadayana ayat anjeun boga kulawarga font "Arial", Anjeun kudu nambahan hiji gaya inline mun tiap

tag dina dokumen Anjeun. Ieu nambihan duanana karya pangropéa keur desainer tur ngundeur waktos kanggo maca saprak anjeun bakal kudu ngarobah ieu sakuliah unggal kaca dina situs anjeun pikeun ngarobah éta font-kulawarga. Alternatipna, lamun ngagunakeun stylesheet misah, anjeun bisa bisa ngarobah eta dina hiji titik sarta mibanda unggal kaca nampa apdet eta.

Truthfully, ieu téh mangrupa hambalan mundur dina rarancang web - balik dina poé ti tag!