Folji ta 'l-istil inline, embedded, u esterni: Hawn dak li għandek bżonn tkun taf
L-iżvilupp tal-websajt ta 'faċċata ta' spiss huwa rappreżentat bħala ippurgar ta '3 saqajn. Dawn is-saqajn huma kif ġej:
It-tieni parti ta 'dan il-ippurgar, CSS jew Cascading Style Sheets hija dak li qed inħarsu hawn illum. Speċifikament, irridu nindirizzaw it-3 tipi ta 'stili li tista' żżid ma 'dokument.
- Stili inline
- Stili inkorporati
- Stili esterni
Kull wieħed minn dawn it-tipi ta 'stili CSS għandu l-benefiċċji u l-iżvantaġġi tagħhom, allura ejja nieħdu ħarsa aktar fil-fond lejn kull wieħed minnhom individwalment.
Stili Inline
Stili Inline huma stili li huma miktuba direttament fit-tikketta fid-dokument HTML. L-istili inline jaffettwaw biss it-tikketta speċifika li huma applikati għalihom. Hawn hu eżempju ta 'stil inline applikat għal rabta standard, jew ankra, tikketta:
Din ir-regola tas-CSS twassal biex l-istandard jissottolinja d-dekorazzjoni tat-test minn din ir-rabta waħda. Madankollu, ma tbiddilx xi link ieħor fuq il-paġna. Din hija waħda mill-limitazzjonijiet ta 'stili inline. Peress li dawn jinbidlu biss fuq oġġett speċifiku, ikollok bżonn tinħela l-HTML tiegħek ma 'dawn l-istili biex jinkiseb disinn ta' paġna attwali. Din mhix l-aħjar prattika. Fil-fatt, huwa pass imneħħi mill-ġranet ta 'tikketti "font" u t-taħlita ta' struttura u stil f'paġni tal-web.
L-istili inline għandhom ukoll speċifiċità għolja ħafna.
Dan jagħmilhom diffiċli ħafna biex jissostitwixxu ma 'stili oħra mhux inline. Per eżempju, jekk trid tagħmel is-sit responsiv u tibdel kif element iħares lejn ċerti breakpoints billi tuża mistoqsijiet tal-medja , stili inline fuq element se jagħmlu dan diffiċli ħafna biex jagħmlu.
Fl-aħħarnett, l-istili inline huma tassew xierqa biss meta jintużaw ftit.
Fil-fatt, rari qatt nuża stili inline fuq il-paġni web tiegħi.
Stili Inkorporati
L-istili inkorporati huma stili li huma inkorporati fir-ras tad-dokument. L-istili inkorporati jaffettwaw biss it-tikketti fuq il-paġna li huma inkorporati fihom. Għal darb'oħra, dan l-approċċ jiċħad waħda mill-punti sodi tas-CSS. Peress li kull paġna jkollha stili fil -
, jekk riedu tagħmel bidla fis-sit, bħal li tbiddel il-kulur tal-links minn aħmar sa aħdar, ikollok bżonn tagħmel din il-bidla fuq kull paġna, peress li kull paġna tuża folja ta 'stil inkorporata. Dan huwa aħjar minn stili inline, iżda għadu problematiku f'ħafna każijiet.
Stylesheets li huma miżjuda mal -
ta 'dokument iżid ukoll ammont sinifikanti ta' kodiċi tal-markup għal dik il-paġna, li tista 'wkoll tagħmel il-paġna aktar diffiċli biex timmaniġġja fil-futur.
Il-benefiċċju ta 'folji tal-istil inkorporati huwa li t-tagħbija immedjatament mal-paġna nnifisha, minflok teħtieġ li jitgħabbew fajls esterni oħra. Dan jista 'jkun ta' benefiċċju mill- veloċità tat-tniżżil u mill-perspettiva tal-prestazzjoni .
Folji ta 'Style Esterni
Ħafna mill-websajts illum jużaw folji ta 'stil estern. L-istili esterni huma stili li huma miktuba f'dokument separat u mbagħad mehmuż ma' diversi dokumenti tal-web. Folji ta 'stili esterni jistgħu jaffettwaw kwalunkwe dokument li huma mehmużin magħhom, li jfisser li jekk għandek websajt ta' 20 paġna fejn kull paġna tuża l-istess folja ta 'stil (dan tipikament huwa kif isir), tista' tagħmel bidla viżwali għal kull waħda ta 'dawk il-paġni billi sempliċement iddaħħal dik il-karta tal-istil.
Dan jagħmel il-ġestjoni tas-sit għal żmien twil ħafna aktar faċli.
L-iżvantaġġ għal folji ta 'stil esterni huwa li jeħtieġu paġni li jġibu u jġorru dawn il-fajls esterni. Mhux kull paġna se tuża kull stil fil-folja tas-CSS, hekk ħafna paġni se jgħabbu paġna CSS ferm ikbar minn dik li attwalment teħtieġ.
Filwaqt li huwa veru li hemm suċċess fil-prestazzjoni għal fajls CSS esterni, ċertament jista 'jiġi mminimizzat. Realistikament, il-fajls tas-CSS huma biss fajls tat-test, għalhekk ġeneralment mhumiex kbar ħafna biex tibda. Jekk is-sit kollu tiegħek juża fajl CSS 1, inti tirċievi wkoll il-benefiċċju li dak id-dokument jinżamm fil-cache wara li jkun inizjalment mgħobbi.
Dan ifisser li jista 'jkun hemm xi prestazzjoni żgħira milquta fuq l-ewwel paġna għal xi żjarat, imma l-paġni sussegwenti jużaw il-fajl CSS fil-cache, u għalhekk kwalunkwe riżultat jintlaqat. Il-fajls CSS esterni huma kif nibni l-paġni web kollha tiegħi.