DHTML0039

Podstawy CSS

Podstawy CSS

Aby zaimportować dokument CSS do innego dokumentu CSS:

1.    W zewnętrznym dokumencie CSS umieść instrukcję ©import url(nazwapliku); gdzie nazwapliku jest globalnym, lub lokalnym określeniem położenia dokumentu CSS, którego chcesz użyć. Ten plik będzie użyty, jeśli dokument, który go zawiera, zostanie dołączony lub zaimportowany do dokumentu HTML-owego.

2.    Powtórz krok 1., aby zaimportować wszystkie potrzebne Ci dokumenty CSS.

Każe dokumentowi zaimportować ...

@import ur^-!(nazwapliku) ;

... ten plik

Rysunek 1.17. Ogólna składnia instrukcji fajimport

S Rada

■ Ponieważ instrukcja @import jest obecnie dostępna jedynie w Internet Explorerze 4.x, to jej użycie jest niepraktyczne, chyba że masz pewność, że wszyscy odwiedzający Twoją witrynę będą korzystali z tej przeglądarki.

Importowanie zewnętrznych plików CSS

Kolejnym sposobem umieszczenia zewnętrznego pliku CSS w dokumencie jest wykorzystanie instrukcji @import. Choć metoda ta nie została jeszcze w pełni udostępniona w Netscape Navigatorze, to jednak w Internet Exp!orerze można jej używać do umieszczania zewnętrznych plików CSS w dokumentach HTML-owych, jak również w innych zewnętrznych plikach CSS. Ogólna składnia tej instrukcji przedstawiona została na rysunku 1.17.

Aby zaimportować dokument CSS do dokumentu HTML-owego

1.    Stwórz zewnętrzny plik CSS (patrz „Stosowanie zewnętrznych plików CSS”).

2.    <STYLE TYPE="text/css^,>

Wewnątrz nagłówka dokumentu otwórz znacznik <STYLE>.

3.    ©import url(nazwapliku);

Zaimportuj plik CSS. Nazwapliku jest adresem URL dokumentu CSS, którego chcesz użyć. Może to być adres globalny, w takim wypadku powinien się rozpoczynać od http://, lub lokalny - wskazujący na plik znajdujący się w Twoim komputerze.

4.    @import url(nazwapliku2);

Powtórz poprzedni krok importując tyle zewnętrznych dokumentów CSS, ile potrzebujesz.

5.    EM {font:italic bold 18pt/18pt;}

Możesz także podać dodatkowe reguły CSS, jeśli będzie Ci to potrzebne.

(Patrz „Dodawanie CSS do dokumentu HTML-owego”, strona 36.)

6.    </STYLE>

Zamknij definicję arkusza stylu.

Importowanie zewnętrznych plików

39