Как добавить css на сайт

Есть несколько способов добавить CSS на сайт:

Внутренний стиль CSS:

Вы можете добавить стиль CSS непосредственно в секцию head вашей HTML страницы. Этот метод достаточно прост, но его использование не рекомендуется, если вам нужно добавить много CSS кода.

<!DOCTYPE html>
<html>
  <head>
    <title>Мой сайт</title>
    <style>
      /* Здесь оформление вашего сайта */
    </style>
  </head>
  <body>
    <!-- Содержание вашего сайта -->
  </body>
</html>

Внешний файл CSS:

В этом методе вы создаете файл с расширением .css и подключаете его к вашей HTML странице с помощью тега link.

CSS файл:

/* style.css */

body {
  background-color: #f3f3f3;
  color: #333333;
}

h1 {
  font-size: 36px;
  font-weight: bold;
}

/* т.д. */

HTML файл:

<!DOCTYPE html>
<html>
  <head>
    <title>Мой сайт</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Добро пожаловать на мой сайт!</h1>
    <!-- Содержание вашего сайта -->
  </body>
</html>

В этом примере, файл style.css находится в той же папке, что и HTML файл. Если файл находится в другой папке, нужно указать правильный путь к нему.

Встроенный файл CSS:

Вы можете добавить CSS правила к вашей HTML странице, используя атрибут style на элементах.

<!DOCTYPE html>
<html>
  <head>
    <title>Мой сайт</title>
  </head>
  <body>
    <h1 style="font-size: 36px; font-weight: bold;">Добро пожаловать на мой сайт!</h1>
    <p style="color: #333333;">Это мой первый сайт.</p>
    <!-- Содержание вашего сайта -->
  </body>
</html>

В этом способе CSS правила применяются к конкретному элементу. Если вы хотите добавить одни и те же стили к нескольким элементам, лучше использовать файл CSS.