Penggunaan CSS @import

Selain penggunaan atau pemanggilan CSS dengan

<link rel="stylesheet" type="text/css" href="/css/styles.css"  media="all" />

bisa juga dengan memanggilnya menggunakan @impor, seperti:

<style type="text/css"> @import "styles.css"; </style>

lihat: The @import rule

Menggunakan @import ini menjadi lebih simpel kalau kita ingin memanggil beberapa link CSS, misal:
didalam index.html kita sekedar memangil satu link CSS, seperti:

<link rel="stylesheet" type="text/css" href="/css/styles.css"  media="all" />

baru didalam link cssnya didalamnya kita dapat memanggil link CSS lainnya, dengan:

@import url('/css/reset.css');
@import url('/css/typography.css') screen;

body {
margin-top: 0;
padding: 0;
}
.............

catatan: @import ini bisa digunakan jika kita memakai hostingan, jadi kode css disimpan dalam bentuk file.

lihat juga:
don’t use @import

Posted in: CSS / HTML