Daftar Isi:
Video: Cara edit tema blogger di android dan menonaktifkan inspect element 2024
Salah satu cara untuk menata elemen tertentu dalam CSS adalah memberi nama elemen HTML Anda. Anda memberi nama kode Anda dengan menggunakan atribut
id
atau
class
, lalu gayakan kode Anda dengan mengacu pada pemilih
id
atau
class
.
Penamaan kode Anda menggunakan atribut id
Gunakan atribut
id
untuk memberi gaya pada satu elemen tertentu di halaman web Anda. Atribut
id
dapat memberi nama elemen HTML apa saja, dan selalu ditempatkan di tag HTML pembuka. Selain itu, setiap elemen hanya memiliki satu nilai atribut
id
, dan nilai atribut hanya boleh muncul satu kali dalam file HTML. Setelah Anda mendefinisikan atribut dalam file HTML, Anda merujuk ke elemen HTML di CSS Anda dengan menulis hashtag (
#
) diikuti oleh nilai atribut.
Menggunakan atribut
id
, kode berikut ini membuat tautan Twitter Modern Seinfeld berwarna merah dengan latar belakang kuning:
HTML:
Modern Seinfeld
CSS:
#jerry {
warna: merah;
background-color: kuning;
}
Penamaan kode Anda menggunakan atribut kelas
Gunakan atribut
class
untuk memberi gaya pada beberapa elemen pada halaman web Anda. Atribut
class
dapat memberi nama elemen HTML dan selalu ditempatkan pada tag HTML pembuka. Nilai atribut tidak harus unik dalam file HTML. Setelah Anda menentukan atribut dalam file HTML, Anda merujuk ke elemen HTML dengan menulis sebuah periode (.) Diikuti oleh nilai atribut.
Dengan atribut
class
, kode berikut menampilkan semua akun Twitter Parodi Tech yang mengaitkan warna merah tanpa garis bawahi:
HTML:
Boron Elon Musk < Vinod Coleslaw
. teknologi {
warna: merah;
hiasan teks: tidak ada;
}
Proaktif menggunakan mesin pencari, seperti Google, untuk mencari efek CSS tambahan. Misalnya, jika Anda ingin meningkatkan jarak antara setiap item daftar, buka browser Anda dan cari daftar baris item spasi css. Tautan yang muncul dalam sepuluh hasil teratas harus mencakup:
W3Schools
- : Situs tutorial pemula Stack Overflow
- : papan diskusi untuk pengembang berpengalaman Mozilla: Referensi panduan yang awalnya dibuat oleh yayasan yang memelihara browser Firefox dan sekarang dikelola oleh komunitas pengembang
- Masing-masing situs ini adalah tempat yang baik untuk memulai; pastikan untuk mencari jawaban yang menyertakan contoh kode.
