Situs web desain standar WEB, metode utamanya adalah menggunakan XHTML+CSS, style sheet CSS sangat penting. Untuk membuat situs web yang memenuhi standar web, Anda tidak dapat mendesain halaman yang indah tanpa mengetahui CSS.
Faktanya, semua aspek presentasi perlu diimplementasikan dengan CSS. Kami dulu menggunakan tabel untuk penentuan posisi dan tata letak, tetapi sekarang kami harus menggunakan DIV untuk penentuan posisi dan tata letak. Ini adalah perubahan cara berpikir. Awalnya agak tidak nyaman. Untuk menikmati "manfaat" yang diberikan oleh standar, ada baiknya meninggalkan beberapa praktik tradisional lama.
Memanggil style sheet secara eksternal
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
Berikut isi kutipannya: <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.
Berikut isi kutipannya: <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:
Berikut isi kutipannya: <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.