Как подключить style css

Существует несколько способов подключения файла 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.