1CSS может быть прописан в HTML документе на несколько способов:
- Встроенный CSS: вы можете использовать тег
<style>внутри секции<head>в HTML документе, чтобы написать CSS стили. Пример:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<style>
/* CSS стили */
body {
background-color: #f2f2f2;
}
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Моя веб-страница</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>- Внешний CSS файл: вы можете создать отдельный файл с расширением
.css, в котором будут храниться все CSS стили для вашего веб-сайта. Затем, вы можете подключить этот файл к вашей HTML странице, используя тег<link>внутри секции<head>. Пример:
CSS файл (назвать его как «styles.css»):
/* CSS стили */
body {
background-color: #f2f2f2;
}
h1 {
color: blue;
}HTML файл:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Моя веб-страница</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>- Встроенный стиль: вы также можете использовать атрибут
styleвнутри HTML элементов, чтобы задать CSS стили. Этот метод не рекомендуется, так как он затрудняет сопровождение и изменение стилей. Пример:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
</head>
<body>
<h1 style="color: blue;">Моя веб-страница</h1>
<p style="background-color: #f2f2f2;">Это моя первая веб-страница.</p>
</body>
</html>В любом случае, лучшая практика — использовать внешние CSS файлы для стилей веб-страницы.
