Прежде чем решить, какой метод следует использовать для привязки CSS к вашей веб-странице, нужно понять суть и предназначение каждого метода.
<link>
— это базовый, я бы сказал основной, метод подключения CSS к странице. Он позволяет связать веб-страницу и CSS-стили. Вызов добавляется между <head>и</head>
вашего HTML документа, например:
<link href="styles.css" type="text/css" /> |
@import
— Импорт позволяет импортировать одну таблицу стилей в другой. Он работает несколько иначе нежели «линк», так как вы можете импортировать таблицы стилей внутрь связанной через «линк» таблицы стилей. Но не желательно включать @import
между <head>и</head>
вашего HTML документа, например:
<style type="text/css">@import url("styles.css");</style> |
С точки зрения стандартов, нет разницы между ссылкой на внешние таблицы стилей или их импортом. В любом случае это правильно, и в большинстве случаев это будет работать одинаково хорошо. Но есть несколько причин, которые могут склонить вас к использованию одного из них.