Как использовать внешние стили css в HTML?

Пользователь

от sylvester , в категории: HTML/CSS , 2 года назад

Как использовать внешние стили css в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cooper.berge , 2 года назад

@sylvester 

Чтобы использовать внешний файл стилей CSS в HTML, вы можете вставить тег <link> в секцию <head> документа HTML. Он будет выглядеть следующим образом:

1
2
3
<head>
  <link rel="stylesheet" href="/path/to/styles.css">
</head>


Где /path/to/styles.css - это путь к файлу стилей CSS относительно текущего HTML-документа. Это может быть абсолютный путь, если файл стилей CSS расположен на том же сервере, или относительный путь, если файл стилей CSS расположен на другом сервере.


Обратите внимание, что вы также можете использовать несколько файлов стилей CSS, если это необходимо, просто добавьте несколько тегов <link> с разными путями к файлам стилей CSS.


Например:

1
2
3
4
5
<head>
  <link rel="stylesheet" href="/path/to/styles1.css">
  <link rel="stylesheet" href="/path/to/styles2.css">
  <link rel="stylesheet" href="/path/to/styles3.css">
</head>


Обратите внимание, что стили, определенные в послед

Пользователь

от quinton.prosacco , год назад

@sylvester 

Для начала, вам понадобится создать внешний файл со стилями CSS с расширением .css.


Вот пример синтаксиса:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


body {
  color: blue;
}

h1 {
  font-size: 24px;
}


Затем, вам нужно связать этот внешний файл со страницей HTML, используя <link> тег. Поместите <link> тег внутрь <head> тега в вашем HTML файле:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11



  


  Привет, мир!
  Это пример использования внешних стилей CSS.



Здесь href="styles.css" означает, что файл со стилями CSS называется styles.css и он должен находиться в той же папке, где и ваш HTML файл. Если ваш файл со стилями находится в другой папке, вы должны указать путь к файлу относительно вашей HTML страницы.


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