Adakah % unit css3?

"%" ialah unit dalam CSS3 "%" merujuk kepada peratusan dan merupakan unit panjang relatif; semua atribut yang menerima nilai panjang boleh menggunakan unit peratusan, tetapi atribut yang berbeza mempunyai kesan yang berbeza apabila menggunakan unit ini. , perlu ada nilai rujukan, iaitu, nilai ditentukan secara relatif kepada ketinggian, lebar atau saiz fon blok yang mengandungi Sintaks ialah "elemen {length value attribute: percentage value %}".

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

Unit css3

CSS %--Peratus

Peratus (%) juga merupakan salah satu unit kami yang lebih biasa digunakan Semua atribut yang menerima nilai panjang boleh digunakan unit peratusan. Walau bagaimanapun, kesan penggunaan unit ini dengan atribut yang berbeza mungkin berbeza. Tetapi mereka semua perlu mempunyai nilai rujukan, yang bermaksud bahawa nilai peratusan adalah nilai relatif.

Peratusan ialah unit panjang relatif, yang diukur secara relatif kepada ketinggian, lebar atau saiz fon blok yang mengandungi.

Konsep mengandungi blok tidak boleh difahami dengan mudah sebagai elemen induk.

Jika ia adalah kedudukan statik dan kedudukan relatif, blok yang mengandungi biasanya adalah elemen induknya.

Jika ia adalah elemen kedudukan mutlak, blok yang mengandungi hendaklah unsur nenek moyang terdekat dengan atribut kedudukan bukan statik.

Jika ia adalah elemen kedudukan tetap, blok yang mengandunginya ialah port pandangan.

Pewarisan peratus

Jika elemen menetapkan atribut peratusan, unsur keturunan mewarisi nilai yang dikira. Contohnya:

p { font-size: 10px;line-height: 120%; }

Kemudian nilai yang diwarisi oleh elemen anak p ialah ketinggian garis: 12px, bukan ketinggian garis: 120%.

(Mempelajari perkongsian video: tutorial video css, tutorial video html)

Atas ialah kandungan terperinci Adakah % unit css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!