Rujukan Unit CSS

Semua alat Percuma

Layari setiap unit CSS — mutlak (px, cm, pt), relatif-fon (em, rem, ch), port pandang (vw, dvh), pertanyaan bekas, grid (fr), sudut, masa dan resolusi — dalam rujukan boleh cari dan boleh tapis jenis dengan penerangan, nota "bila guna" dan token sedia salin. Dalam pelayar anda, percuma.

Setiap unit CSS, dijelaskan. Semua berjalan dalam pelayar anda daripada rujukan terbina dalam — tiada yang dihantar ke pelayan.

Tiada unit sepadan dengan carian anda.
Cuba unit atau kategori lain — contohnya rem, dvh, fr atau sudut.

Mengenai Rujukan Unit CSS

Rujukan Unit CSS ini mendokumentasikan setiap unit yang ditawarkan oleh bahasa ini — 45 kesemuanya — disusun mengikut jenis: unit mutlak seperti px, cm dan pt; unit relatif fon seperti em, rem, ch dan lh; unit viewport daripada vw dan vh hingga svh, lvh dan dvh yang lebih baharu; unit container-query seperti cqw dan cqi; unit grid fr; ditambah sudut, masa, resolusi dan peratusan.

Setiap kad memberikan anda lebih daripada takrifan: token unit dalam monospace yang boleh disalin, nama penuhnya, kategorinya, penerangan bahasa mudah tentang bagaimana ia dikira, dan nota praktikal "bila hendak guna" yang menyatakan di mana unit itu paling berguna — dan di mana unit lain lebih sesuai.

Carian memadankan token, nama dan maksud, jadi rem, viewport width dan root semuanya menemui unitnya, dan cip jenis menapis grid kepada satu keluarga. Semuanya berjalan dalam pelayar anda daripada rujukan terbina dalam, tanpa apa-apa dihantar ke pelayan.

Cara menggunakan Rujukan Unit CSS

  1. Cari unit mengikut token, nama atau maksud — contohnya rem, viewport width atau angle.
  2. Gunakan cip jenis untuk menapis grid kepada unit mutlak, relatif fon, viewport, container, grid, sudut, masa, resolusi atau peratusan.
  3. Baca penerangan setiap unit dan nota "bila hendak guna" untuk memilih yang betul.
  4. Klik butang salin untuk mendapatkan token unit bagi helaian gaya anda.

Soalan lazim

Gunakan rem untuk saiz fon dan apa-apa yang patut berskala dengan saiz teks pilihan pengguna — rem menjejaki saiz fon root, jadi tetapan kebolehcapaian pelayar berfungsi. Gunakan px untuk perkara yang mesti kekal malar secara optik, seperti sempadan garisan nipis.

em adalah relatif kepada saiz fon elemen semasa itu sendiri, jadi elemen bersarang menggandakan nilainya; rem sentiasa relatif kepada elemen root, memberikan hasil yang boleh dijangka. Itulah sebabnya rem menjadi pilihan lalai untuk jarak dan skala jenis.

Pelayar mudah alih menunjukkan dan menyembunyikan bar alatnya, mengubah ketinggian yang kelihatan, manakala vh kekal tetap pada saiz layout yang lebih besar. Unit dinamik dvh menjejaki ketinggian sebenar yang kelihatan apabila bar alat bergerak, dan svh/lvh dipasak pada keadaan terkecil dan terbesar.

fr mengagihkan ruang percuma bekas grid mengikut pecahan: grid-template-columns: 2fr 1fr memberikan lajur pertama dua kali ganda lebar baki lajur kedua, selepas trek tetap dan jurang ditolak. Ia hanya wujud dalam takrifan trek grid.

Ia menetapkan saiz elemen relatif kepada bekas pertanyaan terdekatnya dan bukan viewport: cqw adalah 1% daripada lebar bekas, cqi 1% daripada saiz inlinenya. Ia membolehkan komponen berskala mengikut kotak tempat ia berada, bebas daripada saiz skrin.

Ya. Kesemua 45 unit didokumentasikan secara percuma dalam halaman yang berjalan sepenuhnya dalam pelayar anda — tiada pendaftaran, tiada permintaan ke pelayan.
Kongsi ini
Alat Berkaitan
Kod Status HTTP Cari setiap kod status respons HTTP (1xx–5xx) dalam direktori boleh cari dan boleh tapis — kemudian buka mana-mana kod untuk maksudnya, bila menggunakannya, sama ada ia boleh dicache dan RFC yang mentakrifnya. Dalam pelayar anda, percuma. Percuma
Kaedah HTTP Rujukan boleh imbas untuk setiap kaedah permintaan HTTP — GET, POST, PUT, PATCH, DELETE dan selebihnya, serta WebDAV — menunjukkan sepintas lalu sama ada setiap satu selamat, idempoten dan boleh dicache, jika ia mengambil badan, dan contoh tipikal. Dalam pelayar anda, percuma. Percuma
Rujukan Pengepala HTTP Cari pengepala permintaan dan respons HTTP biasa dalam direktori boleh cari — tapis mengikut arah dan kategori, baca penerangan satu baris dan contoh realistik, dan salin mana-mana nama pengepala dengan satu klik. Dalam pelayar anda, percuma. Percuma
Jenis Rekod DNS Layari setiap jenis rekod DNS biasa — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA dan banyak lagi — dengan tujuannya, contoh fail zon yang boleh disalin dan kategori. Cari dan tapis serta-merta, dalam pelayar anda, percuma. Percuma
Nombor Port TCP/UDP Cari port rangkaian terkenal dan yang biasa digunakan dalam jadual boleh cari — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB dan 120+ lagi, masing-masing dengan protokol pengangkutan, perkhidmatan, penerangan dan kategorinya. Cari mengikut nombor port atau nama perkhidmatan dan salin nilai serta-merta. Dalam pelayar anda, percuma. Percuma
Kalkulator Subnet / CIDR Kira subnet IPv4 daripada CIDR atau topeng: rangkaian, siaran, julat hos, wildcard dan banyak lagi. Percuma
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.