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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от cayla , 2 года назад

@elissa 

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

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


Где href указывает на местоположение файла стилей CSS. Обратите внимание, что значение атрибута rel должно быть установлено в "stylesheet", чтобы браузер понимал, что этот файл является таблицей стилей.


Вы также можете добавлять несколько файлов стилей, указывая несколько тегов <link>:

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


Каждый файл стилей будет применен к вашему документу HTML в том порядке, в котором они указаны.

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

от roxanne.hauck , год назад

@elissa 

Внешние стили в CSS можно добавить в HTML с помощью тега и атрибута rel="stylesheet".


Пример использования:

1
2
3
4
5
6
7
  


  Пример использования внешних стилей
  Этот текст будет отображаться с заданными стилями из файла styles.css



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


Внешний файл стилей styles.css может содержать правила CSS, например:

1
2
3
4
5
6
7
8
h1 {
  color: blue;
}

p {
  font-size: 18px;
  font-family: Arial, sans-serif;
}


Эти стили будут применены к соответствующим элементам в HTML.