Salah satu cara terbaik untuk belajar bagaimana untuk mengodkan laman web ialah melihat kod sumber laman web lain. Amalan ini adalah berapa banyak profesional web yang mempelajari kerajinan mereka, terutama pada zaman sebelum banyak pilihan untuk kursus, buku, dan laman web latihan web.
Sekiranya anda mencuba amalan ini dan melihat helaian gaya melayari laman web (CSS), satu perkara yang mungkin anda lihat dalam kod itu ialah baris yang mengatakan! Penting. Apa maksudnya dan, sama pentingnya, bagaimana anda menggunakan perisytiharan itu dengan betul dalam gaya gaya anda?
The Cascade of CSS
Pertama sekali, adalah penting untuk memahami bahawa gaya lembaran cascading sebenarnya lata , bermakna mereka ditempatkan dalam suatu perintah tertentu. Secara umum, ini bermakna bahawa gaya digunakan dalam urutan yang dibaca oleh penyemak imbas. Gaya pertama digunakan dan kemudian kedua dan sebagainya.
Akibatnya, jika gaya muncul di bahagian atas helaian gaya dan kemudian diubah menjadi lebih rendah di dalam dokumen, contoh kedua gaya itu adalah yang diterapkan dalam contoh berikutnya, bukan yang pertama. Pada asasnya, jika dua gaya mengatakan perkara yang sama (yang bermaksud mereka mempunyai tahap kekhususan yang sama), yang terakhir yang disenaraikan akan digunakan.
Contohnya, bayangkan bahawa gaya berikut terkandung dalam helaian gaya. Teks perenggan akan diberikan dalam warna hitam, walaupun sifat gaya pertama yang digunakan adalah merah. Ini kerana nilai "hitam" disenaraikan kedua. Oleh kerana CSS dibaca atas-bawah, gaya terakhir adalah "hitam" dan oleh itu satu menang.
p {color: red; }p {color: black; }
Bagaimana! Perubahan penting Keutamaan
Sekarang bahawa anda memahami bagaimana aturan hampir serupa ini diproses oleh CSS, kita dapat melihat bagaimana arahan penting mengubah sedikit perkara.
Arahan penting memberi kesan kepada cara CSS anda melumpuhkan semasa mematuhi peraturan yang anda rasa paling penting dan harus diterapkan. Peraturan yang mempunyai arahan penting selalu digunakan tidak kira di mana peraturan itu muncul dalam dokumen CSS.
Untuk membuat teks perenggan selalu merah, dari contoh di atas, anda akan menggunakan:
p {color: red! important; }p {color: black; }
Sekarang semua teks akan muncul dalam warna merah, walaupun nilai "hitam" disenaraikan kedua. Arahan penting yang mengatasi peraturan biasa lata dan ia memberikan kekhususan gaya yang sangat tinggi.
Jika anda benar-benar memerlukan perenggan untuk kelihatan merah, gaya ini akan melakukannya, tetapi itu tidak bermakna bahawa ini adalah amalan yang baik. Mari lihat seterusnya apabila anda mungkin mahu menggunakan! Penting dan bila tidak sesuai.
Bila perlu digunakan! Penting
Arahan penting adalah sangat membantu apabila anda menguji dan menyebarkan laman web. Jika anda tidak pasti mengapa gaya tidak digunakan dan fikir ia mungkin menjadi isu khusus, anda boleh menambah perisytiharan penting kepada gaya anda untuk melihat apakah itu membetulkannya.
Jika menambah, penting memang membetulkan masalah gaya, anda baru saja menentukan bahawa ia adalah isu khusus. Walau bagaimanapun, anda tidak mahu meninggalkan kod penting itu di tempat, ia hanya digunakan untuk tujuan pengujian.
Memandangkan ujian telah dilakukan, anda kini perlu mengeluarkan arahan itu dan menyesuaikan pemilih anda untuk mencapai kekhususan yang anda perlukan untuk mendapatkan gaya anda bekerja. ! Penting tidak harus masuk ke dalam tapak produksi anda, sebahagiannya kerana bagaimana ia mengubah lata biasa.
Jika anda bersandar terlalu berat pada perisytiharan penting untuk mencapai gaya yang anda inginkan, anda akhirnya akan mempunyai lembaran gaya yang penuh dengan gaya-gaya penting. Anda akan secara dasarnya mengubah cara CSS halaman diproses. Ini adalah amalan malas yang tidak baik dari segi pengurusan jangka panjang.
Gunakan! Penting untuk ujian atau, dalam sesetengah kes, apabila anda benar-benar harus menimpa gaya sebaris yang merupakan sebahagian daripada rangka tema atau templat. Walaupun dalam kes tersebut, gunakan pendekatan ini seketika dan sebaliknya berusaha untuk menulis lembaran gaya yang bersih yang memahami cascade.
Helaian Gaya Pengguna
Terdapat satu nota akhir mengenai arahan penting yang perlu difahami. Arahan ini juga disediakan untuk membantu pengguna laman web menangani helaian gaya yang menjadikan laman sukar untuk digunakan atau dibaca.
Biasanya, jika pengguna mentakrifkan helaian gaya untuk melihat halaman web, helaian gaya itu ditolak oleh helaian gaya pengarang laman web. Jika pengguna menandakan gaya sebagai penting, gaya itu mengatasi helaian gaya pengarang laman web, walaupun pengarang menandakan peraturan sebagai penting!
Ini berguna untuk pengguna yang perlu menetapkan gaya dengan cara tertentu. Sebagai contoh, seseorang mungkin perlu meningkatkan saiz font lalai pada semua laman web yang mereka gunakan. Dengan menggunakan arahan penting anda dengan berhati-hati dalam halaman-halaman yang anda bina, anda dapat menampung apa-apa keperluan khas yang mungkin ada pengguna anda.
