HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

px、em、pt之间的区别:

一、代表单位不同。

px代表的是像素单位,em代表的是相对单位,pt代表的是绝对单位。

二、单位长度不同

pt是72分之一英寸,px是数字化图像长度单位,em是字符宽度的倍数。

下面我们来看一下HTML中的长度单位px、em、pt。

pt (point,磅):是一个物理长度单位,指的是72分之一英寸。px (pixel,像素):QQ出售地图是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。

html单位简短介绍:

Px 像素Pixel;相对长度单位。Pt 点(Point);绝对长度单位Em 相对长度单位,这里em与html <em>标签的”EM”拼写完全相同,而这里em作为单独文本单位。

单位换算:

任意浏览器的默认字体高度16px(16像素)。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。

为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。


更多相关文章

  1. CSS伪类选择器、box-sizing属性、常用单位、媒体查询
  2. 盒模型、常用单位及媒体查询
  3. CSS盒模型常用属性,单位,选择器
  4. 完成一个用户注册页面,对表单字段进行验证(密码长度、密码一致、验
  5. 完成一个用户注册页面, 用xmind文件中总结的字符串函数库,对表单
  6. 关于定位的总结以及相关单位的理解
  7. 修改MySQL表varchar类型 字段长度锁表情况分析
  8. C语言中用于计算数组长度的函数 “strlen() ”。
  9. redis源码之SDS

随机推荐

  1. android 获取手机通讯录信息
  2. Activity背景色为透明的2种方法
  3. android activity tabhost
  4. Android软件安装文件夹
  5. Android安全问题
  6. Android——从init进程启动流程
  7. android studio开发 控件布局
  8. Launcher桌面点击&长按&拖动事件处理流程
  9. Android JNI简单实例
  10. android中context