Kukho iindlela ezininzi ongasebenzisa izitayela ze-CSS kwikhasi lewebhu, kuquka zombini iifayile zangaphandle okanye izitayela ezisezantsi . Ukuba usebenzisa iphepha lohlobo lwangaphandle, yindlela enconywayo yokunyanzelisa ukubonakala kunye nokuvakalelwa kwexwebhu le-HTML, enye indlela yokusebenzisa @import.
Umgaqo we-@import uvumela ukuba kubaluleke kakhulu ukuba ufumane amaxwebhu amaphepha angaphandle kwidokhumenti yakho - mhlawumbi kwiphepha le-HTML okanye nakwezinye iincwadi ze-CSS. Ukuphula ezininzi izitayela zibe inani elincinci, iifayile ezigxininisiweyo (enye yoluhlu, enye ye- typography , enye imifanekiso, njl.) Ngamanye amaxesha kunokwenza kube lula ukulawula ezo fayile kunye nesitayela esifanayo. Ukuba ufuna ukunandipha loo ntlawulo, ngoko ukuthumela ezo fayile ezahlukeneyo yiyo uza kuyenza ukwenzela ukuba bonke babesebenzela ukuboniswa kwekhasi lakho lewebhu.
Ukungenisa kwi-HTML
Ukusebenzisa umgaqo we-@import kwi-HTML yakho, uya kwengeza oku ku
: I
@import url ("/ izitayela / default.css");
Le khowudi ingokungenisa eli phepha lesitayela ukuze lisetyenziswe kule khasi le-HTML kwaye unokulawula zonke iifayile zakho kule fayile enye. I-downside ukuya kwiifayile ezibalulekileyo ngale ndlela kukuba le ndlela ayivumeli ukulandelwa okufanayo. Eli phepha kufuneka likhuphele iifayile zefayile zonke phambi kokuba liqhubele phambili kulo lonke iphepha, kubandakanywa nayiphi na iifayile ze-CSS ozifakayo usebenzisa le ndlela. Oku kuya kuba nefuthe elibi kwisantya sekhasi lakho nokukhuphela ukusebenza. Ukuqwalasela ukubaluleka kwendlela yokusebenza kwiphepha lewebhu kwiwebhusayithi yanamhlanje, le ngxaki ingaba yintoni isizathu sokuba ufuna ukuphepha ukusebenzisa @import.
Indlela eNye
Njengenye indlela yokusebenzisa @import kwi-HTML yakho, unganxulumanisa nefayile yeCSS njengale:
Le mi sebenzi iyafana nakwi-@port inokuba ikuvumela ukuba ulawulwe yonke i-CSS yakho kwindawo eyodwa / ifayile, kodwa le ndlela ikhethwa kwindlela yokulanda. Ukuba usenako ukufuna ukuhlula iintlobo ezahlukeneyo zezitayela kwiifayile ezihlukeneyo, ungaqhubeka ukwenza njalo kwaye usebenzise i-@import ukusebenza ngaphakathi kwefayili yakho ye-CSS. Oku kuthetha ukuba iifayile zakho zangaphandle ze-CSS ziyakwazi ukulawulwa ngokwazo, kodwa ekubeni zonke zifaka ukungena kwi-CSS eyodwa ye-master, ukusebenza kuphuculwe.
Ukungenisa kwiCSS
Ukusebenzisa umzekelo wekhowudi apha ngasentla kuza kuzisa ifayile "default.css" ukuyisebenzisa kwikhasi lakho le-HTML. Ngaphakathi kwefayili yeCSS, uza kuba neendlela ezahlukeneyo zephepha. Unako zonke ezo zitayela ezicacileyo kwiphepha elilodwa, okanye ungasebenzisa @import ukuba uzihlukane ukuze ululawule ukuphathwa. Kwakhona, masithi sisebenzisa iifayile ezi-4 ezihlukeneyo ze-CSS - enye yoluhlu, enye ye-typography, kunye nemifanekiso. Ifayile yesine "ifayili" yethu yefayili eyona nto iphepha lethu lidibene kuyo (kulo mzekelo, oku "default"). Kuphezulu kweso fayile ye-CSS yesininzi sinokuyongeza imigaqo eboniswe ngezantsi:
@import url ('/ izitayela / layout.css');
@import url ('/ izitayela / uhlobo.css');
@import url ('/ izitayela / imifanekiso.css');
Qaphela ukuba le migaqo mayibe phambi kwayo yonke into enomxholo wefayili yakho yeCSS ukuba isebenze. Awunakho nawuphi na isitayela seCSS ngaphambi kokungenisa imithetho!
Ngaphantsi kweemigaqo yokungenisa, ungongeza ezinye iifayile zeCSS ofuna ukuba nazo kwiphepha lakho elingagqibekanga. Xa le fayili ephezulu yeCSS ilayishiwe, iya kuqala ukuthumela ezi fayile ezihlukeneyo kwaye zonge izitayela zazo kwi-top of the style. Kuya kuba nazo zonke ezinye izitayela zakho ngaphantsi kwezi zinto zingenisiwe, ukudala iifayile ezipheleleyo zeCSS eziza kusebenzisa i-web browser. Ufumana inzuzo yokulawula iifayile ezincinci, ezigxininiswe ngakumbi ngelixa unesicatshulwa esisodwa seefayile ezixhunywe kwi HTML.
Ukusebenzisa & # 64; ukungenisa kwi-Media Imibuzo
Enye into ongayicinga ukuba uyenze ukwahlula imibuzo yakho yeendaba yeendaba kwiindawo zewebhusayithi ezithathayo kwifayili eyahlukileyo. Ngenxa yokuba izitayela eziphendulayo zingadideka xa zibonwa kunye neminye imithetho yesitayela sakho, ukuba nabo ngokwabo kwifayile eyahlukileyo inokuba yinto ekhangayo. Enye inkxalabo ngale ndlela kukuba, ekubeni imithetho yakho ye-@import kufuneka ibe ngowokuqala, oku kuthetha ukuba imibuzo yakho yemidiya iya kulayishwa ngaphambi kweendlela zonke zeesayithi lakho. Xa udala isayithi ephendulayo yeselula esithatha inxaxheba kwi-akhawunti, le nto inokuba yinkinga. Ngenxa yesi sizathu, kucetyiswa ukuba ungayicwangcisi iifayile eziphendulayo zewebhusayithi kwaye usebenzise @import ukuba ubazise kwisiza sakho. Ewe, kunokubonakala ngathi kunenzuzo yokwenza njalo, kodwa iingxaki ezingaphezu kwezo nzuzo.
Ngaba Ndifuna ukusebenzisa & # 64; ukungenisa?
Hayi awunjalo. Amasayithi amaninzi abonisa zonke iindlela zabo eziphambili ngaphakathi kwefayili enye kwaye, ngokubanzi njengokuba ifayile leyo ikhona, ilawulwa ngale ndlela (yindlela endenza ngayo emsebenzini wam). Ukuba ufumana @import iluncedo, ngoko inokuba yinxalenye yokuhamba komsebenzi wakho. Ngaphandle koko, ungakha ngokukhuselekileyo iiwebhsayithi ezinokuthi i-style yeetayitile enye yazo yonke imithetho yakho yeCSS.
Inkxaso yeSiphequluli
Uninzi, iiphequluli ezindala zinenkathazo ngezinye zezi: @import imithetho, kodwa ezi zikhungululi akunakwenzeka ukuba yingxaki kuwe kule mihla. Oku kuyinyani ngoku ngoku ukuba ukuphela komhla wokuphila kweenguqu ezidlulileyo ze-Internet Explorer kudlule. Ekugqibeleni, ukuba unquma ukusebenzisa i-@import imigaqo kwi-HTML yakho okanye i-CSS, akufanele uqhube kwimibandela eneenguqu zeendawo ze-web browsers ngaphandle kokuba unesidingo esingaqhelekanga ukuxhasa iinguqulelo ze-IE ezindala.
Inqaku loqobo loJennifer Krynin. Ehlelwe nguJeremy Girard.