Izinzuzo zeSpredish Style Sheets

Thola amaqiniso ngalesi sifundo esifushane se-CSS

Amashidi wesitayela ahamba ngezinzuzo eziningi. Zikuvumela ukuthi usebenzise ishidi lesitayela elifanayo kuwo wonke iwebhusayithi yakho. Kunezindlela ezimbili zokwenza lokhu:

1. ukuxhumanisa nesici se-LINK
2. ukungenisa nge-@import umyalo
   2. @import url ('http://www.yoursite.com/styles.css');

Izinzuzo Nezimo ZamaSpredishithi Zesitayela zangaphandle

Enye yezinto ezinhle kakhulu mayelana namashidi wesitayela sokuthi ungabasebenzisa ukugcina isayithi lakho livumelana. Indlela elula yokwenza lokhu ukuxhumanisa noma ukungenisa ishidi langaphandle lesitayela. Uma usebenzisa ishidi elifanayo lesitayela sangaphandle kuwo wonke ikhasi lesayithi lakho, ungaqiniseka ukuthi wonke amakhasi azoba nezitayela ezifanayo.

Ezinye izinzuzo zokusebenzisa amashidi wesitayela wangaphandle zihlanganisa ukuthi ungakwazi ukulawula ukubukeka nokuzizwa kwamadokhumenti amaningana ngesikhathi esisodwa. Lokhu kuyasiza kakhulu uma usebenza neqembu labantu ukudala iwebhusayithi yakho. Imithetho eminingi yesitayela ingaba nzima ukuyikhumbula, futhi ngenkathi ungase ube nomhlahlandlela wesitayela esinyathelisiwe, kuyadinga ukuba uhlale uhamba ngayo ukuze unqume ukuthi ngabe umbhalo wombhalo uzobhalwa yini ku-12 iphuzu le-Arial noma i-14 point courier.

Ungakha amakilasi wezitayela ezingasetshenziswa ezinhlobonhlobo eziningi ze-HTML. Uma uvame ukusebenzisa i-Wingdings ifonti ekhethekile ukuze ugcizelele ezintweni ezihlukahlukene ekhasini lakho, ungasebenzisa i-Wingdings ekilasini owasibeka esiteji sakho sesitayela ukuze udale kunokuba uchaze isitayela esithile saleso simo ngasinye sokugcizelelwa.

Ungakwazi kalula ukuqoqa izitayela zakho ukuze usebenze kahle. Zonke izindlela zokuqoqa ezitholakala ku-CSS zingasetshenziswa kumashidi wesitayela zangaphandle, futhi lokhu kukunikeza ukulawula okuningi nokuguquguquka emakhasini akho.

Lokho kusho, kunezizathu ezinhle kakhulu zokungazisebenzisi amashidi wangaphandle. Ngolunye, bangakwazi ukwandisa isikhathi sokulanda uma uxhuma kuningi labo.

Njalo uma udala ifayela elisha le-CSS nesixhumanisi noma ungenise kumadokhumenti wakho, okudinga isiphequluli seWebhu ukwenza enye ikholi kwi-Web server ukuze uthole ifayela. Futhi iseva ibiza izikhathi zokulayisha zekhasi eliphuthumayo.

Uma unezinombolo ezimbalwa zezitayela, zingandisa ukwanda kwekhasi lakho.
Ngenxa yokuthi izitayela azibonakali ngqo ku-HTML, noma ubani obuka ikhasi kufanele athole elinye idokhumenti (ifayela le-CSS) ukuze abone ukuthi kwenzekani.

Indlela Yokwakha I-Sheet Style Ishidi

Amashidi wesitayela sangaphandle abhaliwe ngendlela efanayo namashidi wesitayela ashumekile. Kodwa konke okudingayo ukubhala kuyisikhethi sesitayela nesimemezelo . Awudingi isici se-STYLE noma isici kulo mbhalo.

Njengawo wonke amanye ama-CSS, i-syntax yomthetho ngu:

umkhethi {impahla: value; }}

Le mithetho ibhalwa efayeleni yombhalo nge-extension .css. Isibonelo, ungase ubize izitayela zesitayela sakho sesitayela.

Uma usuphethe idokhumenti yeshidi lesitayela, udinga ukuyixhumanisa kumakhasi akho eWebhu. Njengoba ngishilo ngenhla, lokhu kwenziwa ngezindlela ezimbili.

Ukuxhumanisa Amadokhumenti e-CSS

Ukuze uxhumanise ishidi lesitayela, usebenzisa i-LINK element. Lokhu kunemfanelo ye-rel ne-href. Isimiso sokuxhuma sitshela isiphequluli ukuthi uxhumanisa (kulesi simo ishidi lesitayela) futhi isici se-href sithatha indlela eya kufayela le-CSS.

Kukhona futhi uhlobo lokuzikhethela olukhethwa ongalusebenzisa ukuchaza uhlobo lwe-MIME yedokhumenti exhunyiwe. Lokhu akudingeki ku-HTML5, kodwa kufanele isetshenziswe kumadokhumenti we-HTML 4.

Nansi ikhodi ongayisebenzisa ukuxhumanisa ishidi lesitayela se-CSS elibizwa ngokuthi styles.css:

Futhi encwadini ye-HTML 4 ongayibhala:

uhlobo = "umbhalo / css" >

Ukungenisa amaSpredishithi wesitayela se-CSS

Amashidi wesitayela angenisiwe afakwa ngaphakathi kwe-STYLE element. Ungasebenzisa futhi izitayela ezifakiwe uma uthanda. Ungafaka futhi izitayela zangaphandle ngaphakathi kwamashidi wesitayela axhunyiwe. Ngaphakathi kombhalo we-STYLE noma we-CSS, bhala:

@import url ('http://www.yoursite.com/styles.css');