Как прописать путь к файлу CSS

Путь к файлу CSS можно прописать в теге внутри тега в HTML-документе. Например:

<!DOCTYPE html>
<html>
  <head>
   link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <!-- Содержимое страницы -->
  </body>
</html>

В данном примере файл стилей находится в той же папке, что и HTML-документ, и имеет имя «styles.css». Если файл находится в другой папке, нужно указать путь к нему относительно корневой папки сайта или относительно текущей страницы. Например:

<!DOCTYPE html>
<html>
 head>
    <link rel="stylesheet" href="/css/styles.css">
  </head>
  <body>
    <!-- Содержимое страницы -->
  </body>
</html>

В данном примере файл стилей находится в папке «css» на корневом уровне сайта. Символ «/» в начале пути указывает на корневую папку сайта. Если файл находится в подпапке текущей страницы, можно указать относительный путь относительно текущей страницы. Например:

<!DOCTYPE html>
<html>
 head>
   link rel="stylesheet" href="../css/styles.css">
  </head>
  <body>
    <!-- Содержимое страницы -->
  </body>
</html>

В данном примере файл стилей находится в папке «css» на уровне выше текущей страницы. Символ «..» указывает на переход на уровень выше в иерархии папок.