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

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

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

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

Ответ 1

В своем HEAD добавьте:

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

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

Ответ 2

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

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

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

Ответ 3

На странице StackOverflow:

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

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

Ответ 4

Добавьте в голову html файл следующую строку

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

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

.classname{
...
}

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

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

Ответ 5

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

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