Типы CSS-стилей
Встроенные стили
Встроенные стили прикрепляются напрямую к HTML-тегам через атрибут style:
<p style="color: red">text</p>
Параграф будет показан красного цвета. Однако использование встроенных стилей не рекомендуется, лучше отделять HTML и CSS.
Внутренние стили
Внутренние стили применяются ко всей странице и размещаются между тегами <head>:
<style type="text/css">
p {
color: red;
}
a {
color: blue;
}
</style>
Все параграфы на странице будут красного цвета, а ссылки — синего. Этот метод лучше, чем встроенные стили, но все еще не идеален для многопстраничных сайтов.
Внешние стили
Внешние таблицы стилей применяются ко всему сайту. Создайте файл web.css с содержанием:
p {
color: red;
}
a {
color: blue;
}
И подключите его в HTML:
<link rel="stylesheet" type="text/css" href="web.css" />
По мере изучения CSS вы сможете добавлять и изменять внешний CSS-файл, обновляя браузер, чтобы видеть результаты.