CSS - Inline CSS
Memahami penggunaan Inline CSS dalam elemen HTML.
- Inline CSS adalah penulisan CSS langsung pada elemen HTML menggunakan atribut
style. - Umum dipakai untuk perubahan cepat pada satu elemen namun tidak efektif jika digunakan banyak.
- Kurang direkomendasikan untuk proyek besar karena sulit dikelola dan tidak konsisten.
Contoh:
<p style="color: red; font-size: 18px;">Teks berwarna merah</p>Kapan menggunakan Inline CSS:
- Untuk pengujian cepat (rapid testing)
- Ketika styling hanya diperlukan untuk satu elemen tertentu
- Saat bekerja dengan gaya yang dihasilkan secara dinamis melalui JavaScript
Kelemahan:
- Sulit dikelola untuk proyek besar
- Tidak bisa menggunakan pseudo-classes dan pseudo-elements
- Meningkatkan ukuran file HTML
- Tidak bisa menggunakan media queries