Apakah maksud warna dalam css

Atribut warna dalam CSS digunakan untuk menetapkan warna teks Anda boleh menentukan nama warna, nilai heksadesimal, nilai RGB atau nilai RGBA. Jika atribut warna ditetapkan pada kedua-dua elemen induk dan anak, atribut unsur anak akan mengatasi atribut unsur induk. Atribut warna juga menyokong penggunaan lanjutan seperti mewarisi (mewarisi nilai elemen induk), awal (menggunakan nilai lalai penyemak imbas) dan tidak ditetapkan (memadamkan nilai yang ditetapkan).

Atribut warna dalam CSS

Peranan atribut warna

Atribut warna digunakan untuk menetapkan warna teks elemen HTML.

Nilai atribut

Nilai atribut warna boleh menjadi salah satu daripada jenis berikut:

• Nama warna: Contohnya, merah, biru, hijau, dll.
• Nilai hex: Contohnya, #FF0000 (merah), #00FF00 (hijau), #0000FF (biru).
• Nilai RGB: Sebagai contoh, rgb(255, 0, 0) (merah), rgb(0, 255, 0) (hijau), rgb(0, 0, 255) (biru).
• Nilai RGBA: Serupa dengan nilai RGB, tetapi dengan nilai ketelusan tambahan. Sebagai contoh, rgba(255, 0, 0, 0.5) mewakili merah lut sinar.

Syntax

Sintaks atribut warna adalah seperti berikut:

<code>color: <color-value>;</code>

Contohnya, tetapkan teks perenggan kepada merah:

<code>p {
  color: red;
}</code>

Cascade

dan kedua-duanya mempunyai elemen anak

set atribut warna, kemudian atribut warna elemen anak akan mengatasi atribut elemen induk. Contohnya:

<code>p {
  color: blue;
}

p span {
  color: red;
}</code>

Dalam kes ini, teks dalam elemen span akan kelihatan merah dan bukannya biru.

Penggunaan Terperinci

Atribut warna juga boleh menerima nilai berikut:

• warisi:
Warisi nilai warna daripada elemen induk.
• awal:
Gunakan nilai warna lalai penyemak imbas.
• tidak ditetapkan:
Alih keluar sebarang nilai warna yang ditetapkan sebelum ini.

Nota: Sifat

warna hanya mempengaruhi warna teks dan tidak menjejaskan sifat elemen lain seperti warna latar belakang atau warna sempadan. 🎜

Atas ialah kandungan terperinci Apakah maksud warna dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!