CSS код можно добавлять на HTML страницу несколькими способами:
- Внутренний CSS: код стилей помещается внутри тега
<style>внутри<head>:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<style>
/* ваш CSS код */
</style>
</head>
<body>
<!-- ваш HTML код -->
</body>
</html>- Внешний CSS: код стилей размещается в отдельном файле с расширением
.css, который затем подключается к HTML странице с помощью тега<link>внутри<head>:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- ваш HTML код -->
</body>
</html>- Встроенный CSS: код стилей помещается в атрибут
styleопределенного элемента:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
</head>
<body>
<div style="color: red; font-size: 20px;">Пример текста</div>
</body>
</html>Каждый из этих способов имеет свои особенности и подходит для разных задач. Обычно внутренний CSS или внешний CSS используются для подключения большого количества стилей для нескольких страниц сайта, а встроенный CSS — для написания стилей для конкретного элемента.
