Для того чтобы присоединить CSS к HTML-странице, можно использовать тег <link>
внутри секции <head>
:
<!DOCTYPE html>
<html>
head>
<title>Моя страница</title>
link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Заголовок страницы</h1>
p>Текст страницы</p>
</body>
</html>
В данном примере мы подключаем файл style.css
с помощью атрибута href
внутри тегаlink>. Также мы указываем тип файла с помощью атрибута
typeи указываем, что это файл стилей с помощью значения
text/css`.
В файле style.css
мы можем написать правила стилей для элементов HTML:
h1 {
color: red;
}
p {
font-size: 18px;
}
Таким образом, заголовок страницы будет красного цвета, а размер текста в абзацах будет 18 пикселей.