Uża CSS Site Wide
Il-websajts huma taħlita ta 'stil u struttura, u fuq il-web tal-lum, hija l-aħjar prattika biex iżommu dawn iż-żewġ aspetti ta' sit separat minn xulxin.
L-HTML dejjem kien dak li jipprovdi sit bl-istruttura tiegħu. Fl-ewwel jiem tal-Web, HTML kien fih ukoll informazzjoni dwar l-istil. Elementi bħat-tikketta kienu mifruxa fuq il-kodiċi HTML, u żiedu tħares u tħoss informazzjoni flimkien ma 'informazzjoni strutturali. Il-moviment tal-istandards tal-web imbuttatna biex inbiddlu din il-prattika u minflok inbiddlu l-informazzjoni kollha tal-istil f'CSS jew Cascading Style Sheets. Meta tieħu dan pass 'il quddiem, ir-rakkomandazzjonijiet attwali huma li tuża dak li hu magħruf bħala "stil estern" għall-bżonnijiet tal-grafika tal-websajt tiegħek.
Vantaġġi u Żvantaġġi ta 'Folji ta' Style Esterni
Waħda mill-aqwa affarijiet dwar Cascading Style Sheets hija li tista 'tużahom biex iżżomm is-sit kollu tiegħek konsistenti. L-eħfef mod biex tagħmel dan huwa li torbot jew timporta folja ta 'stil estern . Jekk tuża l-istess folja stil esterna għal kull paġna tas-sit tiegħek, tista 'tkun ċert li l-paġni kollha jkollhom l-istess stil. Tista 'wkoll tagħmilha iktar faċli biex tagħmel bidliet għall-futur. Peress li kull paġni jużaw l-istess folja stil esterna, kwalunkwe bidla għal dik il-folja jkollha impatt fuq kull paġna tas-sit. Dan huwa ħafna aħjar milli għandek tibdel kull paġna individwalment!
Vantaġġi ta 'Folji ta' Style Esterni
- Tista 'tikkontrolla d-dehra ta' bosta dokumenti f'daqqa.
- Dan huwa speċjalment utli jekk taħdem ma 'tim ta' nies biex toħloq il-websajt tiegħek. Ħafna regoli ta 'l-istil jistgħu jkunu diffiċli biex wieħed jiftakar, u waqt li jista' jkollok gwida ta 'l-istil stampat, huwa ineffiċjenti u tedjanti li jkun kontinwament flipping permezz tagħha biex tiddetermina jekk it-test ta' l-eżempju għandu jinkiteb f'12 punt font Arial, jew messaġġ ta 'messaġġ ta' 14-il punt. Billi kollox f'post wieħed, u peress li dak il-post huwa wkoll fejn tista 'tagħmel bidliet, tista' tagħmel il-manutenzjoni daqstant faċli.
- Tista 'toħloq klassijiet ta' stili li jistgħu mbagħad jintużaw fuq ħafna elementi HTML differenti.
- Jekk ta 'spiss tuża ċertu tip ta' tipa biex tagħti enfasi lill-affarijiet varji fuq il-paġna tiegħek, tista 'tuża attribut ta' klassi li twaqqaf fil-karta tal-istil tiegħek biex tikseb din id-dehra u sens, aktar milli tiddefinixxi stil speċifiku għal kull każ tal- enfasi.
- Tista 'faċilment tiġbor stili tiegħek biex ikunu aktar effiċjenti.
- Il-metodi kollha ta 'raggruppament li huma disponibbli għal CSS jistgħu jintużaw f'folji ta' stil esterni, u dan jagħtik aktar kontroll u flessibilità fuq il-paġni tiegħek.
Żvantaġġi ta 'Folji ta' Style Esterni
- Folji ta 'stili esterni jistgħu jżidu l-ħin tat-tniżżil, speċjalment jekk huma estremament kbar. Peress li l-fajl CSS huwa dokument separat li għandu jitgħabba, se jkollu impatt fuq il-prestazzjoni biex iwettaq dik it-tniżżil.
- Folji ta 'stili esterni jinkisbu malajr ħafna billi huwa diffiċli li tgħid meta stil m'għadux jintuża minħabba li mhux imħassar meta l-paġna titneħħa. Ġestjoni xierqa tal-fajls tas-CSS tiegħek hija importanti, speċjalment jekk ħafna nies qed jaħdmu fuq l-istess fajl.
- Jekk inti biss għandek websajt ta 'paġna waħda, li jkun hemm fajl estern għal CSS jista' ma jkunx neċessarju peress li inti biss għandek dik il-paġna waħda għall-istil. Ħafna mill-benefiċċji ta 'CSS esterni jintilfu meta jkollok sit wieħed ta' paġni biss.
Kif toħloq folja ta 'stil estern
Folji ta 'stil esterni huma maħluqa b'sintaxxa simili għal folji ta' stil ta 'livell ta' dokument. Madankollu, kull ma għandek bżonn li tinkludi huma s-selettur u d-dikjarazzjoni. Eżatt bħal f'folja ta 'stil ta' dokument livell, is-sintassi għal regola hija:
selettur {proprjetà: valur;}Ħlief dawn ir-regoli f'fajl ta 'test bl-estensjoni .css. Dan mhux meħtieġ, iżda huwa drawwa tajba li wieħed jidħol fih, sabiex tista 'immedjatament tirrikonoxxi l-istil tal-folji tiegħek f'lista tad-direttorju.
Ladarba jkollok dokument tal-karta tal-istil, ikollok bżonn torbot mal- paġni tal-Web tiegħek. Dan jista 'jsir b'żewġ modi:
- Rabta
- Sabiex tgħaqqad folja ta 'stil, tuża t-tikketta HTML. Dan għandu l-attributi rel , tip , u href . L-attribut rel jgħidlek x'inhuma li tgħaqqad (f'dan il-każ stilett), it-tip jiddefinixxi l-MIME-Type għall-browser, u l-href hija t-triq għall-fajl .css.
- Importazzjoni
- Int tuża folja ta 'stil importata f'folja ta' stil ta 'livell ta' dokument sabiex tkun tista 'timporta l-attributi ta' folja ta 'stil estern mingħajr ma titlef xi dokumenti speċifiċi. Inti ċċempelha b'mod simili għal sejħa ta 'folja ta' stil marbuta, biss għandha tissejjaħ f'dikjarazzjoni ta 'stil ta' livell ta 'dokument. Tista 'timporta kemm folji stili esterni kif għandek bżonn biex iżżomm is-sit tal-Web tiegħek.
Artikolu oriġinali minn Jennifer Krynin. Editjat minn Jeremy Girard fit-8/8/17