Чтобы использовать CSS в HTML, нужно сначала создать файл стилей *.css с необходимыми стилями и подключить его к HTML-странице. Для этого можно использовать тег <link> внутри секции <head> вашей HTML-страницы. Вот пример:
- Создайте файл стилей style.css и добавьте необходимые стили:
/* style.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #0099cc;
font-size: 2rem;
margin-bottom: 20px;
}
p {
line-height: 1.5;
}
- Подключите файл стилей к HTML-странице с помощью тега <link>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Моя HTML-страница</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это моя первая HTML-страница. Я учусь веб-разработке!</p>
</body>
</html>
Теперь все стили из файла style.css будут применяться к вашей HTML-странице. Обратите внимание, что стили применяются к элементам, определяемым при помощи селекторов CSS. Например, в файле стилей определен селектор h1, который будет применяться к заголовкам первого уровня (h1) вашей HTML-страницы.
Другой способ добавления стилей в HTML-страницу — это добавление их непосредственно в тегах HTML-документа с помощью атрибута style. Например:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Моя HTML-страница</title>
</head>
<body>
<h1 style="color: green;">Привет, мир!</h1>
<p style="font-size: 16px;">Это моя первая HTML-страница. Я учусь веб-разработке!</p>
</body>
</html>
Однако, рекомендуется использовать подключение стилей через файл *.css, так как это более гибкий и удобный способ управления стилями сайта.
