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