Isi kandungan:
Video: Section 8 2024
Salah satu cara menggayakan unsur-unsur tertentu dalam CSS adalah untuk menamakan elemen HTML anda. Anda namakan kod anda dengan menggunakan sama ada atribut
id
atau
kelas
, kemudian taip kod anda dengan merujuk kepada pemilih
id
atau
kelas
.
Menamakan kod anda menggunakan atribut id
Gunakan atribut
id
untuk menodai satu elemen tertentu pada halaman web anda. Atribut
id
boleh menamakan sebarang elemen HTML, dan sentiasa diletakkan dalam tag HTML pembuka. Di samping itu, setiap elemen hanya boleh mempunyai satu atribut
id
, dan nilai atribut mesti muncul hanya sekali dalam fail HTML. Selepas anda menentukan atribut dalam fail HTML, anda merujuk kepada elemen HTML dalam CSS anda dengan menulis hashtag (
#
) diikuti dengan nilai atribut.
Menggunakan atribut
id
, gaya kod berikut Seinfeld Moden Twitter menghubungkan warna merah dengan latar belakang kuning:
HTML:
Modern Seinfeld
CSS:
#jerry {
warna: merah;
warna latar belakang: kuning;
}
Menamakan kod anda menggunakan atribut kelas
Gunakan atribut
kelas
untuk gaya pelbagai unsur pada halaman web anda. Atribut
kelas
boleh menamakan sebarang elemen HTML dan sentiasa diletakkan dalam tag HTML pembuka. Nilai atribut tidak perlu unik dalam fail HTML. Selepas anda menentukan atribut dalam fail HTML, anda merujuk kepada elemen HTML dengan menulis tempoh (.) Diikuti dengan nilai atribut.
, gaya kod berikut semua akaun Twitter Parody Tech mengaitkan warna merah tanpa garis bawah:
HTML:
Bored Elon Musk < Vinod Coleslaw
warna: merah;
teks-hiasan: tiada;
}
Secara proaktif menggunakan enjin carian, seperti Google, untuk mencari kesan CSS tambahan. Sebagai contoh, jika anda ingin menambah jarak di antara setiap item senarai, buka penyemak imbas anda dan cari baris senarai item baris css. Pautan yang muncul dalam sepuluh hasil teratas hendaklah termasuk:
W3Schools
:
- Laman tutorial pemula Stack Overflow :
- Papan perbincangan untuk pemaju yang berpengalaman Mozilla: panduan pada mulanya dibuat oleh asas yang mengekalkan pelayar Firefox dan kini dikendalikan oleh komuniti pemaju Setiap laman web ini adalah tempat yang baik untuk bermula; pastikan anda mencari jawapan yang mengandungi kod contoh.
