Как подключить таблицу стилей к странице HTML?
1) Вставка ссылки на .css файл
Чтобы подключить CSS из файла нужно в HTML странице в любом месте, но между тегами
написать во такую строчку:
Код HTML:
<link rel="stylesheet" type="text/css" href="файл_таблицы_стилей.css">
У вас должно быть что-то похожее на это:
Код HTML:
<head>
<link rel="stylesheet" type="text/css" href="файл_таблицы_стилей.css">
</head>
2) Включение в <body> </body>
Идем далее. Чтобы не подключать CSS файл(допустим нужен всего лишь маленький кусочек стиля), то можно делать вот так:
В любой части странице, лучше конечно в BODY пишите вот такой вот код:
Код HTML:
<style type="text/css">
Тут непосредственно сам стиль
</style>
3) Прямое включение в HTML теги.
Допустим вам не нужен удаленный файл, вы не хотите забивать страничку вторым способом, но стиль блока или ссылки нужен. Вы можете вписать стиль в свой тег, будь то ссылка, картинка, блок или что-то другое. Возьмем к примеру ссылку:
Пишем саму ссылку:
Код HTML:
<a href="ссылка">Заголовок</a>
Нам нужно придать ссылке красный цвет. Берем и добавляем до или после тега href, тег style. Во внутрь тега уже пишем нужные стили, в нашем случае цвет(color: red). Смотрите как выглядит код готовой ссылки:
Код HTML:
<a style="color: red" href="ссылка">Заголовок</a>