Reguła @import w CSS

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

@import to reguła CSS służąca do dołączania zewnętrznego arkusza stylów do innego arkusza CSS lub do kodu CSS umieszczonego w elemencie <style>.

W pytaniach egzaminacyjnych odpowiedzią jest zwykle import, ponieważ w CSS zapisuje się ją jako @import.

Składnia

@import url('style.css');

Można też użyć zapisu:

@import 'style.css';

Reguła ta powoduje pobranie pliku style.css i zastosowanie zapisanych w nim stylów.

Gdzie umieszczać @import?

@import powinno znajdować się na początku arkusza CSS, przed zwykłymi regułami stylów, np. przed selektorami body, p, .menu itd.

Przykład:

@import url('reset.css');
@import url('layout.css');

body {
  font-family: Arial, sans-serif;
}

@import a

Zewnętrzny arkusz CSS można dołączyć także w HTML za pomocą elementu <link>:

<link rel='stylesheet' href='style.css'>

W praktyce częściej zaleca się <link>, ponieważ jest czytelniejsze i zwykle korzystniejsze wydajnościowo. Jednak jeśli pytanie dotyczy polecenia w CSS, poprawną odpowiedzią jest @import.

Ważne na egzamin

  • open nie jest poleceniem CSS do arkuszy stylów.
  • require i include kojarzą się głównie z językami skryptowymi, np. PHP.
  • W CSS do importowania arkusza używa się @import.