Vantaġġi u Żvantaġġi ta 'Stili Inline f'CSS

CSS, jew Cascading Style Sheets, huma dak li jintuża fid-disinn ta 'websajt modern biex tapplika l-ħarsa viżiva għal paġna. Filwaqt li HTML joħloq l-istruttura tal-paġna u Javascript jista 'jimmaniġġja imgieba, id-dehra u sensazzjoni ta' websajt huma d-dominju tas-CSS. Meta niġu għal dawn l-istili, ħafna drabi jiġu applikati bl-użu ta 'folji stili esterni, iżda tista' wkoll tapplika stili CSS għal element speċifiku wieħed billi tuża dak magħruf bħala "stili inline".

Stili Inline huma stili CSS li huma applikati direttament fl-HTML tal-paġna. Hemm vantaġġi u żvantaġġi għal dan l-approċċ. L-ewwel, ejja nħarsu lejn eżattament kif dawn l-istili huma miktuba.

Kif Ikteb Stil Inline

Biex toħloq stil CSS inline, tibda bil-kitba ta 'proprjetà ta' stil tiegħek simili għal kif tista 'tkun f'folja ta' stil, iżda jeħtieġ li tkun kollha linja waħda. Proprjetajiet multipli separati b'punt u virgola bħalma għamlu f'folja stil.

isfond: #ccc; kulur: #fff; fruntiera: 1px iswed solidu;

Poġġi dik il-linja ta 'stili ġewwa l-attribut tal-istil tal-element li trid tkun stiljat. Per eżempju, jekk riedu japplikaw dan l-istil għal paragrafu fl-HTML tiegħek, dak l-element ikun jidher bħal dan:

F'dan l-eżempju, dan il-paragrafu partikolari jidher bi sfond griż ċar (jiġifieri dak #ccc jirrendi), test iswed (mill-kulur # 000), u b'bordura sewda sewda ta '1 pixel madwar l-erba' naħat tal-paragrafu .

Vantaġġi ta 'Stili Inline

Bis-saħħa tal- kaskata tal-istili Inline Cascading Style Sheet għandhom l-ogħla preċedenza jew speċifiċità f'dokument. Dan ifisser li se jiġu applikati x'ikun iddettat fil-folja tal-istil esterna tiegħek (bl-eċċezzjoni waħda tkun xi stili li jingħataw id-dikjarazzjoni importanti ta 'dik il-folja, iżda din mhix xi ħaġa li għandha ssir f'siti ta' produzzjoni jekk jista 'jiġi evitat).

L-uniċi stili li għandhom preċedenza ogħla minn stili inline huma stili ta 'utent applikati mill-qarrejja nfushom. Jekk qed ikollok problemi biex tapplika l-bidliet tiegħek, tista 'tipprova tistabbilixxi stil inline fuq l-element. Jekk l-istili għadhom ma jurux bl-użu ta 'stil inline, taf li hemm xi ħaġa oħra li għaddejja.

Stili Inline huma faċli u malajr biex iżżid u m'għandekx għalfejn tinkwieta dwar il-kitba tas-selettur tas-CSS kif suppost peress li qed iżżid l-istili direttament lill-element li trid tibdel (dak l-element essenzjalment jissostitwixxi s-selettur li tikteb fi stil estern ). M'hemmx għalfejn toħloq dokument ġdid sħiħ (bħal folji ta 'stil esterni) jew jeditjaw element ġdid fir-ras tad-dokument tiegħek (bħal fil-folji tal-istil interni). Int sempliċement żid l-attribut tal-istil li huwa validu fuq kważi kull element HTML. Dawn huma r-raġunijiet kollha għaliex jista 'jkollok it-tentazzjoni li tuża stili inline, iżda trid ukoll tkun konxju ta' xi żvantaġġi sinifikanti ħafna għal dan l-approċċ.

Żvantaġġi ta 'Stili Inline

Minħabba li l-istili inline huma l-aktar speċifiċi fil-kaskata, jistgħu over-ride affarijiet li ma kellhomx il-ħsieb li jagħmlu. Huma wkoll jiċħdu waħda mill-aspetti l-aktar qawwija ta 'CSS - il-kapaċità għal lottijiet ta' stil u lottijiet ta 'paġni tal-web minn fajl CSS ċentrali biex jagħmlu aġġornamenti futuri u bidliet fl-istil ħafna iktar faċli biex jimmaniġġjaw.

Jekk kellek tuża biss l-istili inline, id-dokumenti tiegħek malajr jinfatxu u huma diffiċli ħafna biex iżommu. Dan għaliex l-istili inline għandhom jiġu applikati għal kull element li tridhom. Mela jekk trid li l-paragrafi kollha jkollhom il -familja tat-tipa "Arial", għandek iżżid stil inline ma 'kull tikketta

fid-dokument tiegħek. Dan iżid kemm ix-xogħol ta 'manutenzjoni għad-disinjatur u l-ħin tat-tniżżil għall-qarrej peress li għandek bżonn tibdel dan fuq kull paġna fis-sit tiegħek biex tibdel dik il-font-family. Alternattivament, jekk tuża stil tal-personell separat, tista 'tkun kapaċi li tbiddilha f'post wieħed u kull paġna tirċievi dak l-aġġornament.

B'mod eżatt, dan huwa pass 'il quddiem fid-disinn tal-web - lura l-ġranet tat-tikketta !