Menyesuaikan Tag HTML Dengan Peraturan CSS - Pemilih HTML
Salah satu sebab CSS sangat popular adalah fleksibiliti yang diberikan kepada tag HTML. Walaupun anda tidak boleh "mematikan" kawalan terbina dalam tag, anda boleh menambah lebih banyak kawalan pada tag HTML untuk memperluaskan kegunaannya. Anda melakukan ini dengan menambah definisi CSS baru kepada pemilih tag. Mari kita gunakan HTML

tag untuk contoh kami dan kami akan menambah warna latar belakang, wajah fon, saiz fon dan kawalan warna teks ke

tag. Ini akan menyebabkan segala-galanya antara pembukaan dan penutupan

tag yang akan dikawal oleh definisi baru kami di seluruh laman web.

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

Dalam contoh kami, peraturan CSS bermula dengan pemilih HTML (p) yang diikuti oleh blok pengisytiharan CSS yang mengandungi semua definisi nilai harta yang kami ingin tambahkan. Seperti biasa, definisi masing-masing bermula dengan harta benda, diikuti dengan usus besar, nilai dan berakhir dengan titik koma. Seluruh blok diletakkan di dalam kurungan lengkung. Terdapat beberapa perkara yang harus diingat apabila menulis peraturan CSS anda sendiri untuk tag HTML.

  • Anda boleh meletakkan peraturan CSS tersuai anda di dalam tag di bahagian kepala halaman web anda.

  • Anda boleh meletakkan peraturan CSS tersuai anda di dalam fail CSS luaran.

  • Takrif CSS yang disesuaikan yang anda tambahkan kepada pemilih teg tertentu mesti mengandungi sifat yang dapat dikendalikan oleh tag itu.

  • Kerana anda meletakkan peraturan tersuai di bahagian kepala atau fail CSS luaran, ia akan menjejaskan keseluruhan halaman web. Jika anda hanya perlu mengawal satu tag HTML individu (satu contoh khusus tag), anda akan menggunakan gaya sebaris dengan tag individu itu.

  • Teg menyimpan sifat terbina dalam tag HTML tersebut. Contohnya, HTML tag berani akan terus menerapkan kesan berani kepada mana-mana teks yang diletakkan di antara pembukaan dan penutupan tag.




Arahan Video: Extending Native Elements -- Polycasts #15 (Mac 2024).