Как подключить несколько css файлов?

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

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

Как подключить несколько css файлов?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от sandrine , 3 года назад

@hanna_jacobson  Подключить несколько CSS файлов можно через link или @import в главный файл CSS :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<html>
    <head>
<link rel="stylesheet" href="/style/article.css" type="text/css">
<link rel="stylesheet" href="/style/article2.css" type="text/css">
<link rel="stylesheet" href="/style/article3.css" type="text/css">
    </head>

<body>
</body>
</html>

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

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

@hanna_jacobson 

Вы можете подключить несколько файлов CSS в свою веб-страницу, используя несколько элементов <link> с разными атрибутами href и rel.


Вот пример:

1
2
3
4
<head>
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="additional-styles.css">
</head>


В этом примере мы подключаем два файла CSS: styles.css и additional-styles.css. Оба файла будут использоваться для оформления нашей веб-страницы.


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