Существует несколько способов встроить CSS в HTML:
- Встроенный CSS: Вы можете использовать тег
<style>внутри тега<head>для написания CSS-кода. Например:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f1f1f1;
}
h1 {
color: red;
}
</style>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это пример встроенного CSS.</p>
</body>
</html>- Внешний CSS: Вы можете создать отдельный файл CSS и подключить его к HTML-файлу с помощью тега
<link>внутри тега<head>. Например:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
h1>Привет, мир!</h1>
p>Это пример внешнего CSS.</p>
</body>
</html>- Атрибут style: Вы можете добавить атрибут
styleк любому HTML-элементу и задать стили внутри него. Например:
<!DOCTYPE html>
<html>
head>
</head>
<body>
<h1 style="color: red;">Привет, мир!</h1>
<p style="background-color: #f1f1f1;">Это пример атрибута style.</p>
</body>
</html>