Вы можете написать CSS в HTML двумя способами:
- Встроенный CSS
С помощью тега <style> вы можете встроить CSS стили внутрь HTML документа. Код CSS должен быть описан между открывающим и закрывающим тегами <style>, как показано ниже:
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>Этот текст будет синего цвета</p>
</body>- Внешний CSS файл
Вы также можете создать отдельный CSS файл и подключить его к HTML документу. Чтобы подключить внешний файл CSS, используйте тег <link> внутри раздела <head>:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>Здесь «styles.css» — это название вашего CSS файла, который должен находиться в той же папке, что и HTML файл.
Затем в вашем CSS файле вы можете добавлять все ваши стили:
/* styles.css */
p {
color: blue;
}