Добавление внешнего CSS в файл HTML

Question

Я знаю, что могу включить CSS на своей странице следующим образом:

<style>
.style{
   .. 
}
</style>

Как добавить файл внешней таблицы стилей на страницу HTML?

Answer 1

В вашу ГОЛОВУ добавьте:

<link rel="stylesheet" type="text/css" href="your_css_file.css">

сам файл css не содержит <style> тегов.

Answer 2

Самый простой способ сделать это - добавить ссылку на таблицу стилей в раздел HEAD вашего документа:

<link rel="stylesheet" href="style.css" type="text/css">

Это снизит производительность при первой загрузке (поскольку система должна запросить два файла вместо одного), но улучшит последующую производительность, поскольку таблица стилей некоторое время остается в кэше.

Answer 3

со страницы StackOverflow:

<link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5885"  type="text/css">

Я не думаю, что это значительно улучшит скорость, если один и тот же файл CSS не будет совместно использоваться несколькими веб-страницами на вашем сайте (поэтому браузер может его кешировать). В противном случае существует штраф за создание дополнительного HTTP-соединения для извлечения CSS.

Answer 4

Добавьте следующую строку в заголовок вашего HTML-файла

<link rel="stylesheet" type="text/css" href="path/to/your/style.css">

Затем вы можете добавить стили в style.css, например,

.classname{
...
}

И еще есть встроенная таблица стилей, вы можете добавить ее в строку html, например

<a style="color:red;" href="#"></a>

Answer 5

Вам нужно добавить этот тег в раздел head вашего html-файла

<link rel="stylesheet" type="text/css" href="css_file.css">