Каква е разликата между @import и връзката за CSS?

Ако сте се огледали в мрежата и сте видели кода на различни уеб страници, може би сте забелязали, че различните сайтове включват техните външни CSS файлове по различни начини - или като използвате подхода @import или като свържете с него CSS файла. Каква е разликата между @import и връзката за CSS и как да решите кой е по-добър за вас? Нека да погледнем!

Разликата между "импортиране" и & lt; link & gt;

Преди да решите кой метод да използвате, за да включите стиловите си листове, трябва да разберете какви са били предназначените за използване два метода.

- Свързването е първият метод за включване на външен лист с стилове на вашите уеб страници. Тя е предназначена да свърже вашата уеб страница със стиловия лист. Добавя се към на вашия HTML документ така:

@import - Импортирането ви позволява да импортирате един лист стил в друг. Това е малко по-различно от сценария на връзката, защото можете да импортирате листове за стилове в свързан стилов лист. Ако включите @import в заглавието на вашия HTML документ, той е написан така: