В этом уроке мы рассмотрим способы связи CSS-кода с HTML-страницами.
В данной статье способ задания стилей в самом тэге не приравнивается с CSS кодом, это личное мнение автора и вы не обязаны брать его на веру. Однако для понимания приведу пример задания стиля в тэге, более подробно вы можете об этом почитать в курсе HTML для начинающих.
Теперь перейдем к двум видам связи CSS-кода с HTML-страницей:
-
Стили указываются непосредственно в HTML странице, перед закрывающим тэгом </head>, внутри специального тэга <style></style>, который говорит браузеру, что внутри него лежат таблицы стилей.
Теперь пример такого варианта:
-
Второй вариант, когда таблица стилей выносится в отдельный файл. Это удобно, когда стили у вас занимают большой объем, да и просто для приличия лучше выносить CSS в отдельный файл и всего одной строчкой подключать его в HTML, для этого существует тэг <link>
Теперь - пример использования такого варианта:
Таким образом мы рассмотрели два способа привязки CSS-стилей к HTML.
Тест
- Где предпочтительнее всего размещать тэг <STYLE></STYLE>:
- Вконце кода
- Без разницы
- После открывающего тэга <body>
- Перед закрывающим тэгом </head>