Rumah > hujung hadapan web > tutorial css > Unit untuk Nilai dalam CSS

Unit untuk Nilai dalam CSS

Patricia Arquette
Lepaskan: 2024-09-30 14:10:03
asal
486 orang telah melayarinya

Units for Values in CSS

Unit dalam CSS

Nilai kerap digunakan dalam CSS. Dinyatakan kadangkala dalam unit mutlak dan pada masa lain dalam unit relatif.

CSS menyediakan nilai untuk panjang, sudut, kekerapan dan dalam setiap CSS menyokong penukaran antara unit ukuran yang berbeza.

Pemahaman tentang pelbagai unit atau ukuran yang disokong oleh CSS untuk membolehkan pembangun dan pereka web bekerja dalam ruang pemikiran mereka yang selesa.

Di bawah ialah senarai unit yang disokong dalam CSS.

Unit Mutlak

Panjang

cm, mm, Q, dalam, pt, pc, px

Unit Name Equivalent to
cm Centimeters 1cm = 37.8px = 1/2.54 of 1in
mm Millimeters 1mm = 1/10 of 1cm
Q Quarter-millimeters 1Q = 1/40 of 1cm
in Inches 1in = 2.54cm = 96px
pc Picas 1pc = 1/6 of 1in
pt Points 1pt = 1/72 of 1in
px Pixels 1px = 1/96 of 1in

Sudut

darjah, grad, rad, pusing

Unit Name Equivalent to
deg Degree 360deg = 1 full circle
grad Gradian 400grad = 1 full circle
rad Radian 6.2832rad = 1 full circle
(π approx = 3.1416)
turn Turn 1 turn = 1 full cirle

Masa

s, ms

unit name equivalent to
s second 1s = 1000ms
ms millisecond 1ms = 1/1000 of 1s

Unit Kekerapan

Hz, kHz

unit name equivalent to
Hz Hertz 1Hz = 1/1000 of 1 kHz
kHz Kilo Hertz 1KHz = 1000Hz

Unit Resolusi

dpi, dpcm, dppx

Unit Relatif

Seperti namanya, nilai yang diberikan bersama unit ini adalah relatif kepada beberapa nilai lain. Ia mungkin berkaitan dengan beberapa elemen induk atau port pandangan.

Fon Berkaitan

em, bekas, ch, rem

Viewport Berkaitan

%, vw, vh, vmin, vmax

Pertanyaan Kontena Berkaitan

cqw, cqh, cqi, cqb, cqmin, cqmax

Nota

Adalah amalan biasa untuk mentakrifkan nilai mutlak kepada elemen bekas dan kemudian menggunakan nilai relatif untuk semua elemen keturunan.

Atas ialah kandungan terperinci Unit untuk Nilai dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan