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