Style sheet selain bisa diembed langsung di dalam dokumen HTML via elemen STYLE HTML, style sheet juga dapat diimport via selector @import.
Jika ingin gunakan selector ini untuk hal itu, berikut bentuknya:
@import url(externalStyle.css);
Untuk externalStyle adalah nama dokumen CSS yang akan diimport. Pastikan filenya berekstensi *.css.
Untuk bagaimana menyimpan suatu file dengan ekstensi tertentu, silahkan merujuk ke halaman Aplikasi Untuk Bekerja Dengan HTML.
Contoh prakteknya:
Ketikkan kode di bawah ini di Notepad:
<HTML> <HEAD> <STYLE TYPE="text/css"> @import url(externalStyle.css); </STYLE> </HEAD> <BODY> <P>Lorem imsum dolor si Amet!</P> </BODY> </HTML>Buat dokumen CSS di bawah ini, simpan dengan nama
externalStyle.css:P { color: red; font-size: 26px; }- Terakhir, jalankan dokumen HTML di atas dengan browser, nanti terlihat teks elemen P adalah merah dan ukurannya sebesar 26 piksel.
