Untuk mendesain situs web berdasarkan standar web, metode transisi terutama menggunakan XHTML+CSS, dan style sheet CSS sangat penting. Hal ini mengharuskan semua desainer web untuk mahir dalam CSS. Jika Anda belum pernah menggunakannya, mulailah belajar sekarang. 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 yang awalnya agak tidak nyaman. Haha, akan ada penolakan terhadap perubahan apa pun. Untuk menikmati manfaat yang dibawa 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:
<tipe gaya=teks/css> <! ――tubuh { latar belakang: putih; warna: hitam; }――> </gaya>
Metode pemanggilan eksternal: tulis style sheet secara terpisah. file css, lalu panggil dengan kode yang mirip dengan berikut di area kepala halaman.
<link rel=stylesheet rev=stylesheet href=css/style.css type=teks/css media=all />
Dalam desain yang sesuai dengan standar web, kami menggunakan metode panggilan eksternal. Manfaatnya sudah jelas. Anda hanya dapat memodifikasi halaman tanpa memodifikasinya. file css untuk mengubah gaya halaman. 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
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import url( css/style01.css ); >
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 masuk ke 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 browser 4.0 atau lebih tinggi atau browser lain, Anda dapat menggunakan metode perintah @import untuk memanggil style sheet.