@import и да свърже каква е разликата?!
- това е основното, бих казал, основният метод CSS връзка със страницата. Тя ви позволява да свържете страницата и CSS стилове. Call добавя между и на вашия HTML документ, като например:
@import - Внос ви позволява да импортирате един стил лист на друг. Тя работи малко по-различно, отколкото на "връзката", така че да можете да импортирате стилове в свързания чрез "връзка" със стилове. Но това не е желателно да се включат между @import и вашия HTML документ, като например:
По отношение на стандартите, няма разлика между връзка към външни стилове или да ги импортирате. Във всеки случай, тя е правилна, и в повечето случаи тя ще работи еднакво добре. Но има няколко причини, които могат да ви убедят да се използва един от тях.
Защо да използваме @import?
Най-честата причина за използване на @import вместо (или заедно с) е, че по-старите браузъри не признават @import, така че по този начин можете да скриете стилове от тях. По-специално:
скриване на стилове от Netscape 4, IE 3 и 4 (не 4,72):
скриване на стилове от Netscape 4, IE 6 и по-долу:
скриване на стилове от Netscape 4, IE 4 и по-долу, Konqueror 2:
Друго приложение на метода на @import е да се използва по няколко листа стил на страницата, но предизвика само една таблица инча Например, една корпорация може да има глобален стил лист за всяка страница на сайта, с секции, които имат допълнителни стилове, които се отнасят само за този подраздел. Свързването на референтна подгрупа стилове и вносител на световните стилове в горната част на стила подтаблицата, че не е нужно да се поддържа огромна маса от стилове за целия сайт в под-маса за подводницата. Единственото важно изискване е, че всички @import правилата трябва да бъдат въведени в останалата част от CSS файл. Също така, трябва да се внимава, за да се избегнат проблеми с наследството на стилове.
Един от най-добрите причини за използване на свързан чрез стилове е използването на алтернативни стилове за клиентите си. Браузъри като Firefox, Safari и Opera подкрепа приписват ге = "заместник стилове", а когато това е възможно да се даде възможност на потребителите да превключват между стиловете. И за да превключвате между стиловете в IE трябва да използвате й # 097; vascript превключвател. Този метод е най-често се използва за свързване на стилове на страници в разширения формат. Както е известно, на IE не е в състояние правилно да се увеличи на страницата, така че може да предложи алтернатива CSS.
Един от недостатъците на използването на @import е, че, ако имате само един много просто правило в @import, вашите страници да се показват неправилно в IE6 предимно т.нар ефект FOUC. Обикновено решите този проблем е въвеждането. поне един допълнителен елемент или.
Много се пише за това, което можете да използвате типа носител, за да скриете листове със стилове от стари браузъри. Често, този аргумент е в полза на методите за достъп, чрез сравняване на лист със стилове, но уловката е, че всъщност можете да използвате типа носител и в двата случая, и браузъри, които не поддържат тип медии няма да видите таблица на стилове. Например, Netscape 4 не разпознава типа на хартията, така че можете да използвате като свързано чрез стилове, за да се скрие в стила на браузъра, и @import на правило:
Но в някои версии на IE (6 и по-долу) не се поддържа от типа носител, използвайки правилата за @import, така че можете да го използвате, за да скриете стил лист от тях:
Така че кой метод да използвате?
Свързани статии