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