Как подключить стили css к html
Для подключения стилей CSS к HTML допкументу существуюет несколько способов. Для работы над сайтами необходимо знать каждый.
Три метода имеют свою приоритетность, давайте рассмотрим их.
1. Подключение файла стилей
И так у нас есть файл style.css который содержит определённые стили, нам нужно подключить его к нашей странице.
Выполняется это через тег <link>, он распологается между тегами head, пример.
<html> <head>Подключение файла стилей </head> <body>Наш текст
</body> </html>
Здесь главное в атрибуте href указать путь на наш файл стилей.
2. Через тег style
В этом способе все стили распологаются в теге style, в котором мы можем расположить все наши стили, размещается в <head>
<html> <head>Стили в теге style </head> <body>Наш текст
</body> </html>
Прошу заметить, что эти стили имеют выше приоритетность чем у первого способа. Проще говоря, если вы используете оба способа сразу и у вас есть одни стили для одного элемента, то второй способ будет перебивать все стили у подключаемого файла.
1. Подключение стилей внутри элементов
Здесь мы напрямую указываем стили внутри атрибута style для конкретного элемента.
<html> <head>Подключение стилей внутри элементов </head> <body>Наш текст
</body> </html>
Оставить комментарий