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