Правило @import дозволяє імпортувати таблицю стилів в іншу таблицю стилів. Правило @import має бути у верхній частині документа (але після будь-якої декларації @charset).
Примітка. Є два способи імпортувати файл CSS в інший @import url(“style2. css”); або @import “style2. css”; або безпосередньо імпортувати будь-який файл CSS або кілька файлів CSS у файл HTML безпосередньо в <style>@import “style1.
Виберіть Елемент→Стиль→Імпортувати стиль CSS. У розділі «Імпорт стилів CSS» у полі «Ім’я файлу» вкажіть ім’я файлу CSS, з якого потрібно імпортувати стилі. Виберіть «Огляд», щоб знайти файл. Імпорт стилів CSS відображає всі стилі, визначені у файлі CSS.
CSS можна додати до документів HTML трьома способами:
- Inline – за допомогою атрибута style всередині елементів HTML.
- Внутрішній – за допомогою елемента <style> в розділі <head>.
- Зовнішній – за допомогою елемента <link> для посилання на зовнішній файл CSS.
Щоб додати власні шрифти до коду CSS, вам потрібно спочатку завантажте файли шрифтів, які ви бажаєте використовувати, і додайте їх до каталогу проекту. Ви можете завантажити шрифти з веб-сайтів, які пропонують безкоштовні шрифти, або придбати ліцензію на шрифт. Далі ви повинні включити @font-face at-rule у свій код CSS.
Як використовувати спеціальний файл CSS у програмі Angular
- Створіть додаток Angular. Дотримуйтеся документації, щоб створити додаток Angular, який містить основні компоненти JS2 Angular.
- Створення спеціального файлу CSS. …
- Додавання власного CSS у додаток Angular. …
- Настроюване відображення стилів. …
- Запустіть додаток Angular.
Щоб використовувати декілька таблиць стилів у HTML, зв’яжіть їх у розділі <head> за допомогою елементів <link>. Організуйте стилі в окремих файлах і пам’ятайте, що стилі розміщуються каскадом у порядку їх зв’язування.