Menyesuaikan Tag HTML Dengan Aturan CSS - Pemilih HTML
Salah satu alasan CSS sangat populer adalah fleksibilitas yang diberikannya pada tag HTML. Meskipun Anda tidak dapat "mematikan" kontrol bawaan tag, Anda dapat menambahkan lebih banyak kontrol ke tag HTML untuk memperluas kegunaannya. Anda melakukan ini dengan menambahkan definisi CSS baru ke pemilih tag. Mari kita gunakan HTML

tag untuk contoh kami dan kami akan menambahkan warna latar belakang, wajah font, ukuran font dan kontrol warna teks ke

menandai. Ini akan menyebabkan segalanya antara pembukaan dan penutupan

tag harus dikontrol oleh definisi baru kami di seluruh halaman web.

p {
warna latar: # 000000;
font-family: arial;
ukuran font: 12px;
warna: #ffffff;
}

Dalam contoh kami, aturan CSS dimulai dengan pemilih HTML (p) yang diikuti oleh blok deklarasi CSS yang berisi semua definisi nilai properti yang ingin kami tambahkan. Seperti biasa, setiap definisi dimulai dengan properti, diikuti oleh titik dua, nilai dan diakhiri dengan titik koma. Seluruh blok ditempatkan dalam kurung keriting. Ada beberapa hal yang perlu diingat ketika menulis aturan CSS Anda sendiri untuk tag HTML.

  • Anda dapat menempatkan aturan CSS khusus di dalam tag di bagian kepala halaman web Anda.

  • Anda dapat menempatkan aturan CSS khusus di dalam file CSS eksternal.

  • Definisi CSS khusus yang Anda tambahkan ke pemilih tag tertentu harus mengandung properti yang dapat dikontrol oleh tag itu.

  • Karena Anda menempatkan aturan khusus di bagian kepala atau file CSS eksternal, itu akan mempengaruhi seluruh halaman web. Jika Anda hanya perlu mengontrol satu tag HTML tunggal (satu contoh khusus dari sebuah tag), Anda akan menerapkan gaya inline untuk masing-masing tag tersebut.

  • Tag menjaga properti bawaan tag HTML itu. Misalnya, HTML tag tebal akan terus menerapkan efek cetak tebal pada teks apa pun yang ditempatkan antara pembukaan dan penutupan tag.




Petunjuk Video: Extending Native Elements -- Polycasts #15 (Mungkin 2024).