Di masa lalu, kami biasanya menggunakan style sheet dalam dua cara:
Metode inline halaman: Style sheet ditulis langsung di area kepala kode halaman. Sesuatu seperti ini:
<style type="text/css"> <!-- body { latar belakang : putih ; warna : hitam } --> </style>
Metode pemanggilan eksternal: Tulis style sheet dalam file .css terpisah, lalu panggil dengan kode yang mirip dengan berikut di area kepala halaman.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
Dalam desain yang sesuai dengan standar web, kami menggunakan metode panggilan eksternal.Manfaatnya sudah jelas. Anda dapat mengubah gaya halaman tanpa mengubah halaman dan hanya memodifikasi file .css. Jika semua halaman memanggil file style sheet yang sama, maka mengubah satu file style sheet dapat mengubah gaya semua file.
Lembar gaya pemanggilan metode tabel ganda
Melihat kode asli dari beberapa situs yang memenuhi standar, Anda mungkin melihat dua kalimat berikut yang disebut dengan style sheet:
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @impor url( css/style01.css );</style>
Mengapa menulisnya dua kali?
Padahal, dalam keadaan normal, cukup menggunakan metode tautan eksternal (yaitu kalimat pertama). Panggilan tabel ganda yang saya gunakan di sini hanyalah sebuah contoh. Perintah "@import" digunakan untuk memasukkan style sheet. Perintah "@import" tidak valid di browser Netscape 4.0. Dengan kata lain, bila Anda ingin efek tertentu disembunyikan di browser Netscape 4.0 dan ditampilkan di 4.0 atau lebih tinggi atau browser lain, Anda dapat menggunakan metode perintah "@import" untuk memanggil style sheet.