Adakah warna atribut baharu dalam css3?

Warna bukan atribut baru CSS3 Atribut warna telah digunakan sejak CSS1 Atribut warna digunakan untuk menentukan warna teks Anda boleh menggunakan nama warna, aksara heksadesimal, RGB (merah, hijau dan biru), RGBA, HSL (Hue, Saturation, Lightness) dan kaedah HSLA untuk menetapkan warna.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Adakah warna atribut baharu dalam css3?

Warna bukan atribut baharu dalam css3

versi warna: CSS1

Atribut warna menentukan warna daripada teks.

Atribut ini menetapkan warna latar depan elemen (dalam perwakilan HTML, warna teks elemen tidak dipengaruhi oleh warna); Warna ini juga digunakan pada semua jidar elemen, melainkan ditindih oleh warna jidar atau sifat warna jidar yang lain.

Untuk menetapkan warna latar depan sesuatu elemen, cara paling mudah ialah menggunakan atribut warna.

Nilai warna boleh ditetapkan dengan cara berikut:

• Nama warna Nama warna, seperti merah, biru, coklat, hijau laut muda, dll., tidak kes sensitif.

• Simbol Hex Hex #RRGGBB dan #RGB (mis. #ff0000). "#" diikuti dengan 6 atau 3 aksara heksadesimal (0-9, A-F).

• RGB, merah-hijau-biru (RGB) menentukan nilai warna sebagai warna kod rgb, format fungsi ialah rgb(R,G,B), Nilai boleh menjadi integer atau peratusan daripada 0-255.

• RGBA, Red-Green-Blue-Alpha (RGBa) RGBa memanjangkan mod warna RGB untuk memasukkan saluran alfa, membolehkan anda menetapkan ketelusan warna. a mewakili ketelusan: 0=telus; 1=legap.

• HSL, kecerahan-tepu-warna (Kecerahan-tepu-hue) Hue (Hue) mewakili sudut roda warna (iaitu, gelang yang mewakili pelangi).

Ketepuan dan kecerahan dinyatakan sebagai peratusan.

100% ialah ketepuan penuh, manakala 0% ialah skala kelabu.

100% kecerahan adalah putih, 0% kecerahan adalah hitam, dan 50% kecerahan adalah "normal".

• HSLA, Hue-Saturation-Lightness-Alpha (HSLa) HSLa dilanjutkan daripada mod warna HSL dan termasuk saluran alfa, yang boleh menentukan ketelusan sesuatu warna. a mewakili ketelusan: 0=telus; 1=legap.

Contohnya adalah seperti berikut:

body {color: #92a8d1;}
body {color: rgb(255,0,51);}
body {color: rgba(255,0,0,0.7);}
body {color: hsl(120,100%,25%) ;}
body {color: hsla(240,100%,50%, 0.7);}

Hasil output adalah seperti berikut:

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Adakah warna atribut baharu dalam css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!