Вариант 1
<p>Создание CSS стилей оформления</p><p style="margin-left: 5px; color:#ff0000;">Создание CSS стилей оформления</p>Как вы заметили выше, мы добавили к нашему тексту стиль оформления, а именно добавили величину отступа от левого края и изменили цвет букв на красный. Таким образом вы можете применять стили оформления к любому веб-элементу (теги, изображения и.т.д.).
Вариант 2
Вы можете вынести все стили оформления в отдельный файл и подгружать стили оформления вместе самой HTML страницой. Для этого создайте CSS файл с именем mystyle.css и загрузите его на свой хостинг. Далее вам необходимо добавить вывод файла на страницы сайта, для этого откройте HTML страницу вашего сайта, или в случае использования CMS откройте страницу шаблона, обычно это файл index.php. После вверху страниц найдите теги <head> .... </head> и между ними вставьте следующий код:
<link rel="stylesheet" href="/css/mystyle.css" type="text/css" />данный код вставит файл стиля в шаблон вашего веб-сайта. Соответственно файл стиля должен находится в папке CSS (относительно корня вашего веб-сайта.)
Далее все очень просто, берем также текст из примера выше:
<p>Создание CSS стилей оформления</p><p class="mystyle">Создание CSS стилей оформления</p>p.mystyle {
margin-left: 5px;
color:#ff0000;
}