Jeżeli nasza praca składa się z dużej liczby dokumentów, to wygodne jest umieszczenie arkuszy styli w osobnych plikach i odwoływanie się do nich
z poszczególnych dokumentów. Aby tego dokonać wystarczy w nagłówku strony podać kod ze ścieżką dostępu do pliku z arkuszami styli.
Można to zrobić dwiema metodami. <head> ... <link src="style.css" rel="stylesheet" type="text/css"> ... </head> <head> <style type="text/css"> <!-- @import "menu.css"; --> </style> ... </head> Przy użyciu metody importowania komenda import musi być na początku definiowania innych reguł. Dopuszcza się zagnieżdzanie tej komendy. Poniżej jest przedstawiona metoda mieszana, która ze względu na przejrzystość kodu nie jest zalecana.
<head>
<style type="text/css">
<!--
@import "menu.css";
@import url(http://style/style.css);
body {color:yellow}
h1 {text-align:center}
-->
</style>
...
</head>
Jak wygląda efekt działania polecenia import widać na stronie głównej tego dokumentu.
do góry menu powrót naprzód |