Awọn ọna oriṣiriṣi wa ti o le lo awọn ayẹwo CSS si oju-iwe wẹẹbu kan, pẹlu awọn ẹya ara ita gbangba tabi paapa awọn awọ inline . Ti o ba nlo folda ti ita ita, eyi ti o jẹ ọna ti a ṣe iṣeduro lati ṣe itọsọna oju ati imọran ti iwe HTML kan, ọna kan ni lati lo @import.
Ilana itọnisọna jẹ ki o ṣe pataki awọn awoṣe ti ita ita gbangba ninu iwe rẹ - boya sinu oju-iwe HTML tabi paapa sinu awọn iwe CSS miiran. Ṣiṣe ọpọlọpọ awọn aza sinu nọmba diẹ, awọn faili ti a ṣojusun (ọkan fun ifilelẹ, ọkan fun aworan kikọ , ọkan fun awọn aworan, ati bẹbẹ lọ) le ṣe awọn iṣọrọ diẹ sii lati ṣakoso awọn faili ati awọn oriṣiriṣi oriṣi ti wọn ni. Ti o ba fẹ gbadun igbadun naa, lẹhinna buwolu wọle awọn faili oriṣiriṣi naa ni ohun ti o nilo lati ṣe lati gba gbogbo wọn ṣiṣẹ fun ijuwe oju-iwe ayelujara rẹ.
Ṣe akowọle si HTML
Lati lo ofin itọsọna ni HTML rẹ, iwọ yoo fi awọn wọnyi si
:
urimirẹ URL ("/ styles / default.css");
Kọọmu yii yoo gbejade iruwe ara yii fun lilo lori oju-iwe HTML yii ati pe o le ṣakoso gbogbo awọn awọ rẹ ni iru faili kan. Idoju si awọn ọna kika pataki ni ọna yii ni pe ọna yii ko gba laaye fun awọn gbigba lati ayelujara irufẹ. Oju-ewe naa gbọdọ gba awoṣe ti o ni kikun ṣaaju ki o to lọ si iyokù oju-iwe naa, pẹlu awọn faili CSS miiran ti o nwọle wọle si lilo ọna yii. Eleyi yoo ni ipa odi lori oju iyara rẹ ati gbigba iṣẹ. Ti o ṣe afihan bi iṣẹ oju-iwe ti o ṣe pataki si aaye ayelujara ti oni-aaye ayelujara loni, yiyi atunṣe nikan le jẹ idi kan ti iwọ yoo fẹ lati yago fun lilo import.
Agbegbe miiran
Gẹgẹbi iyatọ si lilo @import ni awọn HTML rẹ, o le ṣopọ si faili CSS yii bi eyi:
<ọna asopọ href = "/ styles / default.css" rel = "stylesheet">
Awọn iṣẹ wọnyi ṣe bakannaa si awọn irin-ajo ni pe o faye gba o lati ṣakoso gbogbo CSS rẹ lati ibi kan tabi nọmba faili, ṣugbọn ọna yii jẹ dara julọ lati irisi wiwo. Ti o ba tun fẹ lati ya awọn iru awọn aza yatọ si awọn faili ọtọtọ, o le tẹsiwaju lati ṣe bẹ ki o lo iṣẹ iṣẹ-ori ni inu faili CSS rẹ. Eyi tumọ si pe awọn faili CSS ti ita rẹ le ṣiṣakoso leyo, ṣugbọn niwon gbogbo wọn ti wọ sinu oludari CSS kan, iṣẹ dara si.
Ṣe akowọle si CSS
Lilo awọn ọna asopọ <ọna asopọ> apẹẹrẹ koodu loke yoo mu faili "default.css" lati lo lori iwe HTML rẹ. Ni inu faili CSS, iwọ yoo ni awọn aza ojuṣiriṣi oriṣiriṣi rẹ. O le ni gbogbo awọn apejuwe ti o wa lori oju-ewe kanna, tabi o le lo @import lati ya wọn sọtọ fun iṣakoso rọrun. Lẹẹkankan, jẹ ki a sọ pe a nlo awọn faili CSS 4 ti o yatọ - ọkan fun ifilelẹ, ọkan fun aworan kikọ, ati ọkan fun awọn aworan. Faili kẹrin ni faili "oluwa" wa ti o jẹ ohun ti oju iwe wa si (fun apẹẹrẹ yi, "default.css"). Ni ori oke ti oluṣakoso CSS faili naa a le fi awọn ofin ti o wa han ni isalẹ:
Urim url ('/ styles / layout.css');
Urimemẹ URL ('/ styles / type.css');
Urim url ('/ styles / images.css');
Akiyesi pe awọn ofin wọnyi gbọdọ jẹ ṣaaju ki gbogbo akoonu miiran ninu faili CSS rẹ fun wọn lati ṣiṣẹ. O ko le ni eyikeyi CSS ara ṣaaju ki ofin wọnyi wọle!
Labe ofin awọn ofin gbigbe wọle, o le fi ohunkohun ti o jẹ CSS miiran ti o fẹ lati ni ninu iwe aiyipada rẹ. Nigba ti o ba ti ṣaja faili CSS akọkọ, yoo kọkọ gbe awọn faili wọnyi lọtọ ati fi awọn awọ wọn kun si oke oke ti awọn azaheet. O yoo lẹhinna ni gbogbo awọn aza rẹ miiran labẹ awọn wọnyi ti a ko wọle, ṣiṣẹda faili CSS kikun ti ẹrọ lilọ kiri ayelujara yoo lo lati ṣafihan aaye rẹ. O gba anfaani ti sisakoso awọn faili diẹ sii, diẹ sii sii lakoko ti o ni ṣiṣiwe kika kan ti o ni asopọ si ni HTML.
Lilo & # 64; gbe wọle fun Awọn ibeere Iwadi
Ọkan ohun ti o le ro ṣe o yapa awọn oju-iwe ayelujara ti awọn aaye ayelujara rẹ fun awọn ọna kika oju-iwe ayelujara sinu faili ti o yatọ. Nitori awọn aṣiṣe idahun wọnyi le jẹ ibanujẹ nigbati a ba ri lẹgbẹẹ ilana ojula rẹ miiran, nini wọn lori ara wọn ni faili ọtọtọ le jẹ wuni. Ikankan ọkan pẹlu ọna yii ni pe, niwon awọn ofin aṣẹ-ẹri rẹ gbọdọ jẹ akọkọ, eyi tumọ si pe awọn ibeere wiwa rẹ yoo wa ni ẹrù ṣaaju ki awọn iyokù ti awọn aaye rẹ. Nigba ti o ba ṣẹda aaye ayelujara ti n ṣatunṣe akọkọ-akọkọ ti o gba iṣẹ sinu iroyin, o le jẹ iṣoro kan. Fun idi eyi, a daba pe o ko apakan awọn ọna idahun rẹ ni pato ati lo @import lati mu wọn wá sinu aaye rẹ. Bẹẹni, nibẹ le dabi awọn anfani ti ṣiṣe bẹ, ṣugbọn awọn idibajẹ ti o pọju awọn anfani wọnyi lọ.
Ṣe Mo Nilo Lati Lo & # 64; gbe wọle?
Rara, iwọ ko. Ọpọlọpọ awọn ojula n ṣafihan gbogbo awọn ti o wa ni akọkọ faili kan, ati, bi o ti tobi bi faili naa ṣe jẹ, o ṣakoso ni ọna naa (eyi ni bi mo ṣe ṣe ni iṣẹ ti ara mi). Ti o ba ri @import wulo, lẹhinna o le jẹ apakan ti iṣan-iṣẹ rẹ. Bibẹkọkọ, o le gbe awọn oju-iwe ayelujara ti o ni aabo lailewu ti <ọna asopọ> awọn awoṣe ti ara rẹ nikan ti gbogbo awọn ofin CSS rẹ.
Abojuto Burausa
Pupọ, awọn aṣàwákiri atijọ ti ni iṣoro pẹlu diẹ ninu awọn ofin aṣẹ-ẹri wọnyi, ṣugbọn awọn aṣàwákiri yii ko jẹ iṣoro fun ọ ni awọn ọjọ yii. Eyi jẹ otitọ paapaa bayi pe opin akoko ipari aye fun awọn ẹya agbalagba ti Internet Explorer ti kọja. Nigbamii, ti o ba pinnu lati lo awọn ofin imupọti ninu HTML rẹ tabi CSS, iwọ ko yẹ ki o lọ sinu awọn oran pẹlu awọn ẹya ti aṣàwákiri wẹẹbù ayafi ti o ni diẹ ninu awọn ajeji nilo lati ṣe atilẹyin awọn ẹya atijọ ti IE.
Atilẹkọ article nipasẹ Jennifer Krynin. Ṣatunkọ nipasẹ Jeremy Girard.