Есть несколько способов добавить CSS на сайт:
- Внутренний стиль CSS:
Вы можете добавить стиль CSS непосредственно в секцию head вашей HTML страницы. Этот метод достаточно прост, но его использование не рекомендуется, если вам нужно добавить много CSS кода.
<!DOCTYPE html>
<html>
<head>
<title>Мой сайт</title>
<style>
/* Здесь оформление вашего сайта */
</style>
</head>
<body>
<!-- Содержание вашего сайта -->
</body>
</html>
- Внешний файл CSS:
В этом методе вы создаете файл с расширением .css и подключаете его к вашей HTML странице с помощью тега link.
CSS файл:
/* style.css */
body {
background-color: #f3f3f3;
color: #333333;
}
h1 {
font-size: 36px;
font-weight: bold;
}
/* т.д. */
HTML файл:
<!DOCTYPE html>
<html>
<head>
<title>Мой сайт</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Добро пожаловать на мой сайт!</h1>
<!-- Содержание вашего сайта -->
</body>
</html>
В этом примере, файл style.css находится в той же папке, что и HTML файл. Если файл находится в другой папке, нужно указать правильный путь к нему.
- Встроенный файл CSS:
Вы можете добавить CSS правила к вашей HTML странице, используя атрибут style на элементах.
<!DOCTYPE html>
<html>
<head>
<title>Мой сайт</title>
</head>
<body>
<h1 style="font-size: 36px; font-weight: bold;">Добро пожаловать на мой сайт!</h1>
<p style="color: #333333;">Это мой первый сайт.</p>
<!-- Содержание вашего сайта -->
</body>
</html>
В этом способе CSS правила применяются к конкретному элементу. Если вы хотите добавить одни и те же стили к нескольким элементам, лучше использовать файл CSS.
