CSS Yang Mempengaruhi Hanya Dokumen Saat Ini
Apa itu Style Sheets Internal
Lembar gaya internal adalah gaya yang ditempatkan di dokumen HTML . Gaya ini hanya memengaruhi dokumen yang ada di dalamnya, dan tidak dapat dirujuk oleh dokumen Web lainnya.
Keuntungan dari Style Sheet Internal
- Sheet gaya internal hanya memengaruhi halaman yang mereka buka.
- Jika Anda bekerja di situs besar dan perlu menguji gaya sebelum Anda memuatnya di situs secara keseluruhan, style sheet internal dapat menjadi alat yang hebat. Mereka memungkinkan Anda untuk menguji gaya dalam konteks seluruh situs tanpa merusak halaman apa pun kecuali yang Anda uji.
- Style sheet internal dapat menggunakan kelas dan ID.
- Tidak seperti gaya sebaris, style sheet internal masih dapat memanfaatkan kelas, ID, saudara, dan hubungan elemen lainnya.
- Sheet gaya internal tidak mengharuskan Anda mengunggah banyak file.
- Ini sangat berguna ketika Anda bekerja dengan hal-hal seperti email atau kios di mana Anda hanya memiliki satu file HTML yang tersedia untuk diedit. Saya sering menggunakan gaya sebaris ketika saya tidak yakin apa URL akan menjadi stylesheet dimuat ke CMS - menjaga gaya dengan dokumen berarti saya tahu gaya apa yang mempengaruhi dokumen itu.
- Gaya internal mungkin memiliki prioritas lebih tinggi daripada style sheet eksternal.
- Ini ditentukan oleh urutan bahwa style sheet eksternal dimuat. Pengembang web halaman memiliki kontrol di mana gaya internal akan ditempatkan di kepala dokumen. Jika ditempatkan setelah tautan ke gaya eksternal , mereka akan memiliki preseden yang lebih tinggi dalam kaskade, dan over-ride lembar gaya eksternal.
Kekurangan dari Style Sheets Internal
- Mereka hanya memengaruhi halaman yang mereka buka.
- Jika Anda ingin menggunakan gaya yang sama dalam beberapa dokumen, Anda perlu mengulanginya untuk setiap halaman (atau tautan ke style sheet eksternal ).
- Style sheet internal meningkatkan waktu muat halaman.
- Setiap halaman yang memiliki lembar gaya internal harus memuat dan menguraikan informasi lembar gaya setiap kali halaman dimuat. Lembar gaya eksternal disimpan dalam cache oleh browser - yang meningkatkan waktu muat untuk setiap halaman setelah yang pertama dimuat.
Cara Menulis Lembar Gaya Internal
elemen:
- Buka dokumen HTML di editor Web Anda.
- Tambahkan yang berikut di dalam
Lembar gaya internal yang lengkap akan terlihat seperti ini: