Uyini umehluko phakathi kwe-@import nokuxhumanisa kwe-CSS?

Uma ubuke ubheke kuzungeze iwebhu futhi ubuke ikhodi yamakhasi ewebhu ahlukahlukene, into eyodwa okungenzeka ukuthi uyiqaphele ukuthi amasayithi ahlukene ahlanganisa amafayela awo angaphandle e-CSS ngezindlela ezahlukene - noma ngokusebenzisa indlela ye-@import noma ngokuxhumanisa nalokhu Ifayela le-CSS. Uyini umehluko phakathi kuka- @import kanye nokuxhumanisa kwe-CSS nokuthi unqume kanjani okukuhle kuwe? Ake sibheke!

Umehluko Phakathi kwe & # 64; ukungenisa kanye & lt; isixhumanisi & gt;

Ngaphambi kokunquma ukuthi iyiphi indlela ongayisebenzisa ukufaka amashidi wakho wesitayela, kufanele uqonde ukuthi lezi zindlela ezimbili zazihloswe ukusetshenziselwa.

- Ukuxhumanisa yindlela yokuqala yokufaka ishidi langaphandle lesitayela kumakhasi akho eWebhu. Kuhloswe ukuxhumanisa ikhasi lakho leWebhu ngeshidi lakho lesitayela. Yengezwe ku- yedokhumenti yakho ye-HTML kanje:

@import - Ukungenisa kukuvumela ukuthi ungenise ishidi elilodwa lesitayela kwenye. Lokhu kuhluke kakhulu kunesixhumanisi sokuxhuma, ngoba ungangenisa amashidi wesitayela ngaphakathi kweshidi lesitayela elixhunyiwe. Uma ufaka i- @import ekhanda lencwadi yakho ye-HTML, ibhaliwe kanje:

@ ukungenisa url ("izitayela.css");

Kusuka kumbono wesilinganiso, akukho umehluko phakathi kokuxhumanisa neshidi lesitayela sangaphandle noma ukungenisa. Noma iyiphi indlela ilungile futhi noma iyiphi indlela izosebenza ngokulinganayo kahle (ezimweni eziningi). Kodwa-ke, kunezizathu ezimbalwa ongase ufune ukusebenzisa enye phezu komunye.

Kungani usebenzise & # 64; ukungenisa?

Eminyakeni eminingi edlule, isizathu esivame kakhulu esinikezwe ukusebenzisa @import kunalokho (noma kanye) kungenxa yokuthi iziphequluli ezindala azizange ziqaphele @import, ngakho ungafihla izitayela kuzo. Ngokungenisa amashidi wakho wesitayela, uzobe wenza ukuba atholakale ezipheqululini ezihambisanayo zanamuhla nezindinganiso ezihambisanayo ngenkathi "zifihle" kuzo izinguqulo zesiphequluli esidala.

Enye indlela ye-@import indlela ukusebenzisa amashidi amaningi wesitayela ekhasini, ngenkathi kufaka phakathi isixhumanisi esisodwa < yakho. Isibonelo, inhlangano ingase ibe neshidi lesitayela somhlaba wonke kuwo wonke amakhasi kusayithi, ngezigaba ezingezansi izitayela ezisebenza kuphela kuleso sigaba esincane. Ngokuxhumanisa neshidi lesitayela sesigaba esincane bese ungenisa izitayela zomhlaba phezulu kwaleli shidi lesitayela, akudingeki ugcine ishidi lesitayela esikhulu nazo zonke izitayela zesayithi nazo zonke izingxenye ezincane. Imfuno kuphela yukuthi noma yimiphi imithetho ye-import kudingeka ifike ngaphambi kweminye imithetho yakho yesitayela. Futhi, qiniseka ukukhumbula ukuthi ifa lingasenenkinga.

Kungani usebenzisa & lt; isixhumanisi & gt ;?

Isizathu esisodwa sokusebenzisa amashidi wesitayela axhunyiwe ukuhlinzeka ngamashidi amasha wesitayela kumakhasimende akho. Iziphequluli ezinjenge-Firefox, Safari, ne-Opera zisekela imfanelo ye-rel = "enye yezitayela zezitayela" futhi uma kukhona okukhona kuzovumela ababukeli ukuba bashintshe phakathi kwabo. Ungasebenzisa futhi ukushintsha kweJavaScript ukuze ushintshe phakathi kwamashidi wesitayela ku-IE. Lokhu kuvame ukusetshenziswa kakhulu nge- Layout Layouts ngezinhloso zokufinyelela.

Enye yezinkinga zokusebenzisa @import yukuthi uma unesihloko esilula ngombuso we-@import kuwo kuphela, amakhasi akho angabonisa "i-flash of content unstyled" (FOUC) njengoba elayisha. Lokhu kungaba yizindaba kumbukeli bakho. Ukulungiswa okulula kulokhu kuqinisekisa ukuthi okungenani unesinye isixhumanisi noma