Import arkusza stylów

Każdą stronę można opisać za pomocą arkusza stylów importowanego z innej witryny. Funkcję tę realizują Internet Explorer 4 i 5, Netscape 6 i Opera 5. Import jest definiowany za pomocą następującego polecenia, umieszczanego w ramach head:

<style>
<!--
@import url("http://www.jakisadres.pl/arkusz.css");
-->
</style>

Wygląd dokumentu będzie się oczywiście zmieniać za każdym razem, gdy webmasterowi owej strony przyjdzie do głowy zmienić zawartość arkusza.

Można podać zarówno adres względny, jak i bezwzględny. Korzystając ze stylu na innym serwerze, musimy oczywiście podać adres bezwględny:

<style>
<!--
@import url("http://www.firma.pl/style/arkusz.css");
-->
</style>

Można więc sobie wyobrazić ujednolicenie wyglądu różnych witryn poprzez wykorzystanie importowanych stylów, umieszczonych na czyimś serwerze.

Możliwe jest łączenie różnych definicji, np. uzupełnienie ustaleń importowanego arkusza stylów o własne definicje różnych elementów (style zagnieżdżane). W przypadku konfliktu pierwszeństwo mają ustalenia własne.

<style>
<!--
@import url("http://www.firma.pl/style/arkusz.css");
h1 {font-size: 30pt; font-family: Helvetica; }
-->
</style>

W definicji możemy podać kilka kolejnych adresów importowanych arkuszy (polecenia @import muszą się znajdować na początku). W przypadku konfliktu definicji importowanych, pierwszeństwo mają ostatnie w kolejności definicje @import.