Как прикрепить css к html

Существует несколько способов прикрепить 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>