Importáld és kösd össze, mi a különbség! Blog a webhelyek létrehozásáról, weboldalak fejlesztése
@ importálni és linkelni, mi a különbség ?!
- ez az alapvető, azt mondanám, az alap, a CSS összekapcsolása az oldalra. Lehetővé teszi egy weboldal és a CSS stílusok összekapcsolását. Hívás kerül a HTML dokumentum közé, például:
@ importálás - importálás lehetővé teszi egy stíluslap importálását a másikba. Úgy működik, hogy valamivel másképp működik, mint a "link", mivel a stíluslapokat a hivatkozott stíluslapon linken keresztül importálhatja. De nem kívánatos a @import beillesztése a HTML dokumentum közé, például:
A szabványok tekintetében nincs különbség a külső stíluslapra való utalás vagy importálás között. Mindenesetre ez helyes, és a legtöbb esetben ugyanúgy fog működni. De számos oka lehet, hogy az egyiket használhatja.
Miért használja a @import szolgáltatást?
A @import helyett (vagy azzal együtt) a leggyakoribb ok az, hogy a régebbi böngészők nem ismerik el a @import szolgáltatást, így a stílusokat elrejtheti ily módon. Különösen:
a Netscape 4, IE 3 és 4 (de nem 4.72) stíluslap elrejtése:
elrejtse a stíluslapot a Netscape 4, IE 6 és lent:
a stíluslap elrejtése a Netscape 4-ből, az IE 4-ből és az alatta, Konqueror 2:
A @import módszer másik használata az, hogy több stíluslapot használ az oldalon, de csak egy táblát hívhat a. Például egy vállalatnak globális stíluslapjai lehetnek az oldal minden oldalán, olyan alkulékokkal, amelyeknek további stílusai vannak, amelyek csak az adott alfejezetre vonatkoznak. Az al-stíluslap-hivatkozások és a globális stílusok importálásához az al-stíluslap tetején nem kell óriási stíluslapot mentenie az alatta lévő tábla alatti teljes webhelyre. Az egyetlen fontos követelmény az, hogy minden @import szabályt be kell írni a stíluslap többi része előtt. Biztosítani kell azt is, hogy a stílusok öröklésével ne legyen gond.
A stíluslaphoz kapcsolódó stílusok egyik legfontosabb oka az, hogy alternatív stílusokat használhat ügyfeleinek. A böngészők, például a Firefox, a Safari és az Opera támogatják a rel = "alternate style sheet" attribútumot, és ha van lehetőség arra, hogy a felhasználók a stíluslapok között váltsanak. Az IE-ben a stíluslapok közötti váltáshoz j # 097-et kell használni; Ezt a módszert leggyakrabban stílusok és nagyított formátumú oldalak összekapcsolására használják. Mint tudják, az IE nem képes normálisan bővíteni az oldalakat, ezért alternatív CSS-t javasolhat.
Az @import használatának egyik hátránya, hogy ha nagyon egyszerű a @import szabály, akkor az oldalak esetleg nem jelennek meg helyesen, leginkább az IE6-ban az úgynevezett FOUC hatással. Egy egyszerű megoldás ez a probléma a bevezetése. legalább egy további elem vagy.
Sokan azt írják, hogy a médiatípus használatával elrejtheti a stíluslapot a régebbi böngészőkből. Gyakran előfordul, hogy ez az érv mellett a csatlakozási módszer összehasonlításával stíluslapot, de a fogás, hogy ténylegesen használni a hordozó típusát mindkét esetben, és a böngészők, amelyek nem támogatják a média típusa nem fogja látni a táblázatot a stílusok. Például a Netscape 4 nem ismeri fel a médiatípust, ezért a stílust a stílustól elrejtheti a stílussal, és a @import szabály:
De itt az IE egyes verzióiban (6 és későbbiekben) a médiatípus nem támogatott az @import szabály használatakor, így a böngésző elrejtheti a stíluslapot:
Tehát melyik módszert kell használni?