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