Bagaimana Membina Lembaran Gaya CSS Dalaman

Apakah Helaian Gaya Dalaman?

Lembaran gaya dalaman adalah gaya yang diletakkan di dalam dokumen HTML. Gaya ini hanya mempengaruhi dokumen yang mereka ada, dan tidak boleh dirujuk oleh mana-mana dokumen Web lain.

Kelebihan Helaian Gaya Dalaman

Helaian dalaman dalaman hanya memberi kesan pada halaman yang sedang dijalankan.
- Jika anda bekerja di laman web yang besar dan perlu menguji gaya sebelum anda memuatkannya di laman web secara keseluruhan, lembaran gaya dalaman boleh menjadi alat yang hebat. Mereka membenarkan anda menguji gaya dalam konteks seluruh laman web tanpa melanggar mana-mana halaman tetapi yang anda uji.
Lembaran gaya dalaman boleh menggunakan kelas dan ID.
- Tidak seperti gaya inline, lembaran gaya dalaman masih boleh memanfaatkan kelas, ID, adik beradik, dan hubungan elemen lain.
Lembaran gaya dalaman tidak memerlukan anda memuat naik berbilang fail.
- Ini amat berguna apabila anda bekerja dengan perkara seperti e-mel atau kiosk di mana anda hanya mempunyai satu file HTML yang tersedia untuk diedit. Saya sering menggunakan gaya inline apabila saya tidak pasti apa URL itu menjadi lembaran gaya dimuatkan ke dalam CMS - menjaga gaya dengan dokumen bermakna saya tahu gaya apa yang menjejaskan dokumen itu.
Gaya dalaman mungkin mempunyai keutamaan yang lebih tinggi daripada helaian gaya luaran.
- Ini ditentukan oleh perintah bahawa helaian gaya luaran dimuatkan. Pembangun laman web mempunyai kawalan di mana gaya dalaman akan diletakkan di kepala dokumen. Sekiranya mereka diletakkan selepas pautan ke gaya luaran, mereka akan mempunyai keutamaan yang lebih tinggi dalam lata, dan mengatasi helaian gaya luaran.

Kelemahan Helaian Gaya Dalaman

Mereka hanya memberi kesan kepada halaman yang mereka sedang aktif.
- Jika anda ingin menggunakan gaya yang sama dalam beberapa dokumen, anda perlu mengulanginya untuk setiap halaman (atau pautan ke helaian gaya luaran).
Lembaran gaya dalaman meningkatkan masa beban halaman.
- Setiap halaman yang mempunyai helaian gaya dalaman mesti memuat dan menghuraikan maklumat helaian gaya setiap kali halaman dimuatkan. Helaian gaya luaran dicache oleh pelayar - yang meningkatkan masa beban untuk setiap halaman selepas yang pertama dimuatkan.