Стиль CSS можно вставить в HTML-документ несколькими способами:
- Внутренний CSS
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<style>
/* Ваш CSS-код */
body {
background-color: blue;
color: white;
}
</style>
</head>
<body>
<h1>Добро пожаловать</h1>
<p>Это моя страница.</p>
</body>
</html>- Внешний CSS-файл
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Добро пожаловать</h1>
<p>Это моя страница.</p>
</body>
</html>- Inline CSS
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
</head>
<body>
<h1 style="color: red;">Добро пожаловать</h1>
<p>Это моя страница.</p>
</body>
</html>Первый способ — самый простой и удобный для небольших стилей, второй способ удобен при работе с большими CSS-файлами, третий способ используется редко, но может быть полезен для установки стилей для конкретных элементов на странице.
