Рассмотрим ситуацию в нескольких вариантах, как правильно и вообще можно прописать стили на сайте. Для этого есть CSS, где их устанавливают, но так бывает, что место там не безгранично, а нам нужно под элемент выставить стиль, вот для этого существует другие вариаций.
Существует много способов связать таблицы стилей с HTML, каждый из которых имеет свои преимущества и недостатки. Были введены новые элементы и атрибуты HTML, позволяющие легко встраивать таблицы стилей в документы HTML. Встроенные стили выглядят и работают так же, как CSS, с несколькими отличиями. Встроенные стили непосредственно влияют на тег в котором они записаны без использования селекторов.
CSS - является неотъемлемой таблицей стилей, используемый для определения внешнего вида и форматирования документа, написанного на языке разметки - часто HTML. Стиль в этом смысле представляет собой набор форматирования текста инструкций, это шрифты также палитра цвета, размер и так далее.
Поскольку инструкции CSS существуют отдельно от кода вы также можете применить один и тот же набор инструкций к каждой странице вашего веб-сайта или к нескольким веб сайтам. Вот список общих HTML инструкций, используемых в сочетании с CSS.
1.Отдельный файл style.css.
Это лучшее решение. Просто создайте файл с именем style.css, вставьте CSS-код и сохраните его. Затем вам нужно связать его в своем HTML-файле.
Код
<link rel="stylesheet" type="text/css" href="style.css" />
2. CSS-раздел вашего HTML-файла
Вы также можете добавить CSS непосредственно в свой HTML страницу.
Код
<style type="text/css">
Здесь пишем стилистику
</style>
Также можно в самой строке его поставить.
Код
<p style=”color: red”>Здесь будет описание под красным цветом</p>
PS - Встроенный CSS должен находиться внутри элемента head тогда как разметка HTML должна быть заключена внутри body элемента.
Также некоторые веб мастере, берут текстовый документ и в него заливают стили, и безусловно присваивают к нему название, как пример zornet_ru, это для того, что сами название создаете.
Потом остается поставить:
Код
<link rel="stylesheet" type="text/css" href="zornet_ru.css" media="all" />
Не забываем, как зальете документ в файловый менеджер, то нужно присвоит CSS к нему.
