Добавить в корзинуПозвонить
Найти в Дзене

CSS "@import" инструкция

Создайте в папке "Рабочий стол" и откройте файл - "p.css". В нем создайте шаблон css формата и сохраните его: p {
color: red;
} Если файл стилей размещается отдельно от родительского документа, он может быть подключён к документу инструкцией @import в элементе <style>. Создайте и откройте файл - index.html, в нем создайте шаблон html формата и сохраните его: <html>
<head>
<style>
@import "p.css";
* {color: green};
</style>
</head>
<body>
<h1>Универсальный селектор - текст зеленый.</h1>
<p>Текст импорта - параграф красный.</p>
</body>
</html> Универсальный селектор - текст зеленый. Текст импорта - параграф красный.
Оглавление

CSS
"@import" инструкция

-2

Пример кода

Создайте в папке "Рабочий стол" и откройте файл - "p.css". В нем создайте шаблон css формата и сохраните его:

p {
color: red;
}

Если файл стилей размещается отдельно от родительского документа, он может быть подключён к документу инструкцией @import в элементе <style>.

Создайте и откройте файл - index.html, в нем создайте шаблон html формата и сохраните его:

<html>
<head>
<style>
@import "p.css";
* {color: green};
</style>
</head>
<body>
<h1>Универсальный селектор - текст зеленый.</h1>
<p>Текст импорта - параграф красный.</p>
</body>
</html>

Вывод на экран

Универсальный селектор - текст зеленый.

Текст импорта - параграф красный.