Makumbuso ya CSS - uniti

Makumbuso ya CSS - uniti

CSS 有几种表示长度的不同单位。

许多 CSS 属性接受“长度”值,诸如 widthmarginpaddingfont-size 等。

长度是一个后面跟着长度单位的数字,诸如 10px2em 等。

实例

使用 px(像素)设置不同的长度值:

h1 {
  font-size: 60px;
}
p {
  font-size: 25px;
  line-height: 50px;
}

Kueleza kina kina

Inayofikiria na kina haikwe na nafasi. Kamaanahani kina ni 0, inaweza kuondolewa.

Kwa mafanikio ya CSS ya kwanza, inaruhusiwa kuongeza kubwa kina. Kamaanahani kina na kina inaonesha kina, kina na kina haikwe na nafasi. Kamaanahani kina ni 0, inaweza kuondolewa.

Mavuno ya kina ya kubwa ina wanyonge mbili:Mavuno ya kawaidanaMavuno ya kina.

Mavuno ya kubwa

Mavuno ya kubwa ni ya kawaida, kwa kina kwa kina ya kubwa inaelewa kama ukurungu huo.

Hutakatishwa kutumia mavuno ya kubwa kwa kifungu, kwa sababu ukurungu wa kifungu kinaongezeka sana. Kamaanahani inafikiria kwa kifungu cha kushikilia, inaweza kutumika, kama vile kufungua kifungu cha kipindi (print layout).

mavuno kueleza TIY
cm Sentimi Bonyeza hapa
mm Mitungo Bonyeza hapa
in Inchi (1in = 96px = 2.54cm) Bonyeza hapa
px * Pesa (1px = 1/96 ya 1in) Bonyeza hapa
pt kitu (1pt = 1/72 ya 1in) Bonyeza hapa
pc Pika (1pc = 12 pt) Bonyeza hapa

* Pesa (px) inaenea kwa kufikiria kwa kifungu cha kusikia. Kwa kifungu cha dpi chache, 1px inaonyesha kipimo cha kifungu cha kifungu (kitu). Kwa kifungu cha kipindi kikubwa na kifungu cha kipindi kilichofikiria, 1px inaonyesha kipimo cha kifungu kikubwa.

Mavuno ya kubwa

Mavuno ya kubwa inaeleza kubwa kwa mawendo ya mawendo mengine ya kubwa. Mavuno ya kubwa inasababisha uharibifu wa kubwa kati ya madaija ya kufikiria.

mavuno kueleza TIY
em kubwa kwa ukurungu wa kifungu wa chapa (font-size) (2em inaonyesha kubwa kwa ukurungu wa chapa 2x) Bonyeza hapa
ex kubwa kwa x-height ya chapa ya sasa (inaeneo kiasi kikubwa) Bonyeza hapa
ch kubwa kwa '0' (nyuma) Bonyeza hapa
rem kubwa kwa ukurungu wa kifungu wa chapa (font-size) Bonyeza hapa
vw kubwa 1% kwa upana wa kifungu * Bonyeza hapa
vh kubwa 1% kwa keni ya kifungu * Bonyeza hapa
vmin kubwa 1% kwa ukurungu wa kifungu * Bonyeza hapa
vmax Kuhusu viewport*ukubwa wa kina cha 1% Bonyeza hapa
% Kuhusu kina cha baba Bonyeza hapa

Kuwa na msaada:Em na rem inayotumika kwa kumwengenea muundo wa kina ambao hauwezi kushindwa!

* Viewport (Viewport) = ukubwa wa kichwa cha kina cha mtandao. Ikiwa viewport ni kijumuiji cha 50 mita, 1vw = 0.5 mita.

Inayotazamaanishwa kwa ukweli kwamba browser zilizopakua kwa kina hizi inayotumia ukweli wa kina hizi.

Inayotazamaanishwa kwa ukweli kwamba browser zilizopakua kwa kina hizi inayotumia ukweli wa kina hizi.

Inayotazamaanishwa kwa ukweli kwamba browser zilizopakua kwa kina hizi inayotumia ukweli wa kina hizi.
em, ex, %, px, cm, mm, in, pt, pc 1.0 3.0 1.0 1.0 3.5
ch 27.0 9.0 1.0 7.0 20.0
rem 4.0 9.0 3.6 4.1 11.6
vh, vw 20.0 9.0 19.0 6.0 20.0
vmin 20.0 12.0 19.0 6.0 20.0
vmax 26.0 16.0 19.0 7.0 20.0