Mga Kaayohan ug mga Disbentaha sa mga Inline nga mga Estilo sa CSS

CSS, o Cascading Style Sheets, mao ang gigamit sa modernong disenyo sa website aron gamiton ang biswal nga pagtan-aw sa usa ka panid. Samtang ang HTML nagmugna sa istruktura sa panid ug ang Javascript makahimo sa pagdumala sa kinaiya, ang hitsura ug pagbati sa usa ka website mao ang domain sa CSS. Kon kini nga mga estilo, kini kasagaran gigamit gamit ang external style sheets, apan mahimo usab nimo gamiton ang estilo sa CSS sa usa ka elemento, pinaagi sa paggamit sa gitawag nga "inline nga estilo."

Ang inline nga mga estilo mao ang estilo sa CSS nga gigamit direkta sa HTML sa panid. Adunay duha ka mga bentaha ug mga disbentaha sa niini nga pamaagi. Una, atong tan-awon kung giunsa kini gisulat.

Unsaon Pagsulat sa Inline nga Estilo

Sa paghimo og inline nga estilo sa CSS, magsugod ka pinaagi sa pagsulat sa estilo sa imong estilo susama sa kung unsa ang imong mahimo sa usa ka style sheet, apan kini kinahanglan nga usa ka linya. Paghimulag sa daghan nga mga kabtangan nga adunay usa ka semicolon sama sa imong gusto sa usa ka style sheet.

background: #ccc; kolor: #fff; utlanan: solid black 1px;

Ibutang kana nga linya sa mga estilo sulod sa estilo nga kinaiya sa elemento nga gusto nimo nga pag-istilo. Pananglitan, kung buot nimo nga gamiton kini nga estilo sa usa ka parapo sa imong HTML, ang maong elemento susama niini:

Sa kini nga pananglitan, kining partikular nga parapo makita nga adunay abuhon nga abuhong background (nga mao ang paghatag sa #ccc), itom nga teksto (gikan sa # 000 nga kolor), ug adunay usa ka 1-pixel solid nga itom nga utlanan sa palibot sa tanang upat ka kilid sa parapo .

Mga Kaayohan sa Mga Estilo sa Inline

Salamat sa kaskad sa Cascading Style Sheet inline styles nga adunay labing taas nga sumbanan o pagkatino sa usa ka dokumento. Kini nagpasabot nga kini ipatuman bisan unsa pa ang gidiktar sa imong external stylesheet (nga ang usa ka eksepsiyon mao ang bisan unsang mga estilo nga gihatagan sa mga importante nga deklarasyon nga sheet, apan kini dili usa ka butang nga kinahanglan nga buhaton sa mga production sites kung kini mahimong malikayan).

Ang bugtong mga estilo nga adunay mas taas nga sumbanan kay sa inline nga mga estilo mao ang mga estilo sa tiggamit nga gigamit sa mga magbabasa mismo. Kon ikaw adunay problema sa pagkuha sa imong mga pagbag-o nga magamit, mahimo nimong sulayan ang pagtakda sa inline nga estilo sa elemento. Kon ang mga estilo wala pa magpakita gamit ang estilo sa inline, nahibal-an mo nga adunay laing butang nga nagpadayon.

Ang mga estilo sa inline sayon ​​ug dali nga madugang ug dili ka kinahanglan mabalaka mahitungod sa pagsulat sa husto nga CSS selector tungod kay imong gidugang ang mga estilo direkta ngadto sa elemento nga imong gusto nga usbon (nga ang elemento nga nagpuli sa selector nga imong isulat sa usa ka external style sheet ). Dili kinahanglan nga maghimo ka usa ka bag-ong dokumento (sama sa external style sheets) o pag-edit sa bag-ong elemento sa ulo sa imong dokumento (sama sa internal style sheets). Imong idugang ang estilo nga hiyas nga balido sa halos tanang elemento sa HTML. Kini ang tanan nga mga hinungdan kung nganong matintal ka sa paggamit sa inline nga mga estilo, apan kinahanglan usab nga mahibal-an nimo ang pipila ka mahinungdanon nga mga disadvantages niini nga pamaagi.

Mga Disbentaha sa Mga Sulud sa Inline

Tungod kay ang mga inline nga mga estilo sila ang labing espesipiko sa cascade, mahimo nila ang pagsakay sa mga butang nga wala ninyo tuyoa. Gipanghimakak usab nila ang usa sa labing gamhanan nga mga aspeto sa CSS - ang abilidad sa pag-style ug daghan nga mga web page gikan sa usa ka sentro nga CSS file aron sa paghimo sa mga bag-o nga mga update ug estilo nga mga pagbag-o mas sayon ​​sa pagdumala.

Kung kinahanglan mo lamang gamiton ang inline nga mga estilo, ang imong mga dokumento dali nga matumba ug lisud nga mahuptan. Kini tungod kay ang mga inline nga mga estilo kinahanglan gamiton sa matag elemento nga gusto nimo nila. Busa kung gusto nimo ang tanan nimo nga mga parapo nga adunay pamilyang font nga "Arial", kinahanglan nga imong idugang ang inline nga estilo sa matag tag

sa imong dokumento. Kini nagdugang sa pagmentenar sa trabaho alang sa tigdisenyo ug panahon sa pag-download alang sa magbabasa tungod kay kinahanglan nimo nga usbon kini sa matag pahina sa imong site aron mausab ang font-family. Sa laing paagi, kon mogamit ka og lain nga stylesheet, mahimo nimo kining usbon sa usa ka lugar ug dawaton sa matag panid ang update.

Tinuod, kini usa ka lakang nga paatras sa disenyo sa web - balik sa mga adlaw sa tag !

Ang laing kakulangan sa mga estilo sa inline mao nga imposible ang estilo sa mga pseudo-elemento ug -classes uban kanila. Pananglitan, uban sa estilo sa gawas , mahimo nimo nga estilo ang gibisitahan, hover, aktibo, ug kolor nga sumpay sa usa ka anchor tag, apan sa estilo sa inline, ang tanan nimo nga estilo mao ang link mismo, tungod kay kana ang gilakip sa style attribute .

Sa katapusan, kami nagrekomendar nga dili mogamit sa inline nga mga estilo alang sa imong mga web page tungod kay kini ang hinungdan sa mga problema ug paghimo sa mga panid nga mas daghan nga trabaho aron mapadayon. Ang bugtong panahon nga atong gigamit kini mao ang panahon nga gusto natong susihon ang usa ka estilo sa madali sa panahon sa paglambo. Sa higayon nga kita na kini nangita alang sa usa ka elemento, atong ibalhin kini sa atong estilo sa gawas nga estilo.

Orginal nga artikulo ni Jennifer Krynin. Gipagamyan ni Jeremy Girard.