Стили CSS можно прописывать в HTML документе несколькими способами:
- Внутренний CSS: код стилей прописывается внутри тега
<style>
внутри<head>
:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<style>
/* ваш CSS код */
</style>
</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
, который затем подключается к HTML странице с помощью тега<link>
внутри<head>
:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- ваш HTML код -->
</body>
</html>
Каждый из этих способов имеет свои особенности и подходит для разных задач. Обычно внутренний CSS или внешний CSS используются для подключения большого количества стилей для нескольких страниц сайта, а встроенный CSS — для написания стилей для конкретного элемента.