Makumbuso ya CSS - uniti
Makumbuso ya CSS - uniti
CSS 有几种表示长度的不同单位。
许多 CSS 属性接受“长度”值,诸如 width
、margin
、padding
、font-size
等。
长度是一个后面跟着长度单位的数字,诸如 10px
、2em
等。
实例
使用 px(像素)设置不同的长度值:
h1 { font-size: 60px; } p { font-size: 25px; line-height: 50px; }
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 |