Панорама
сайтов

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>

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

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

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

Остались вопросы? Нужна помощь? Напишите администратору сайта.