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