HTML5常见的取值与单位

HTML5常见的取值与单位

长度单位包括

相对长度单位包括:em, ex, ch, rem, vw, vh, vmax, vmin

绝对长度单位包括:cm, mm, q, in, pt, pc, px

**ch:**数字“0”的宽度

**em:**相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

**ex:**相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

**rem:**相对于根元素(即html元素)font-size计算值的倍数

**vw:**相对于视口的宽度。视口被均分为100单位的vw

**vh:**相对于视口的高度。视口被均分为100单位的vh

**vmax:**相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

**vmin:**相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

**cm:**厘米     1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

**mm:**毫米    1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

**q:**1/4毫米   1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

**in:**英寸       1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

**pt:**点          1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

**pc:**派卡      1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

**px:**像素      1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

Pixels

EMs

Percent

Points

6px

0.375em

37.5%

5pt

7px

0.438em

43.8%

5pt

8px

0.5em

50%

6pt

9px

0.563em

56.3%

7pt

10px

0.625em

62.5%

8pt

11px

0.688em

68.8%

8pt

12px

0.75em

75%

9pt

13px

0.813em

81.3%

10pt

14px

0.875em

87.5%

11pt

15px

0.938em

93.8%

11pt

16px

1em

100%

12pt

17px

1.063em

106.3%

13pt

18px

1.125em

112.5%

14pt

19px

1.188em

118.8%

14pt

20px

1.25em

125%

15pt

21px

1.313em

131.3%

16pt

22px

1.375em

137.5%

17pt

23px

1.438em

143.8%

17pt

24px

1.5em

150%

18pt

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

java常用类(2)

三、时间处理相关类Date类:计算机世界把1970年1月1号定为基准时间,每个度量单位是毫秒(1秒的千分之一),用long类型的变量表示时间。Date分配Date对象并初始化对象,以表示自从标准基准时间(称为“历元”(epoch),即1970年1月1日08:00:00GMT)以来的指定毫秒数。示例:packagecn.tanjian

sql:mysql:函数:TIMESTAMPDIFF函数实现TimeStamp字段相减,求得时间差

<divclass"htmledit\_views"id"content\_views"<p&nbsp;函数内指定是minute,则最终结果value值的单位是分钟,如果函数内指定为hours,则最终结果value值单位为小时。</p<preclass"has"name"code"<codeclass"hljssql"<

uni-app入门教程(2)页面样式、配置文件和生命周期

前言本文先介绍uniapp的页面样式和布局,包括尺寸单位、样式导入、内联样式和选择器等;再介绍两个配置文件,即pages.json和manifest.json的配置项和基本使用;最后简要介绍了生命周期的基本使用。一、页面样式与布局1.尺寸单位uniapp框架目前仅支持长度单位px和%。与传统web页面不同,px是相对于基准宽度

HTML5常见的取值与单位 - HelloWorld