CSS中的长度单位
来源:互联网 发布:亿阳大数据研究院 编辑:程序博客网 时间:2024/05/01 22:03
CSS中,长度单位有两种,分别是绝对长度单位和相对长度单位。
绝对长度单位
绝对长度单位分为in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica)。其中,in(英寸)、cm(厘米)、mm(毫米)和实际中常用的单位完全相同。重点介绍一下pt(磅)、pc(pica)。
pt(磅):是标准印刷上常用的单位,72pt的长度为1英寸。
pc(pica):这也是一个印刷上用的单位,1pc的长度为12磅。
绝对长度单位,虽然理解起来很容易,但是在网页的设计中很少用到。
相对长度单位
相对长度单位是使用最多的长度单位。包括em、ex、px,下面分别介绍一下。
em是定义文字大小的值,也就是文本中font-size属性的值。例如:定义某个元素的文字大小为12pt,那么,对于这个元素来说1em就是12pt。单位em的实际大小是受到字体尺寸的影响的。
ex和em类似,指的是文本中字母x的高度,因为不同的字体的x的高度是不同的,所以ex的实际大小,受到字体和字体尺寸两个因素的影响。
px就是通常所说的像素,使网页设计中使用最多的长度单位。将显示器分成非常细小的方格,每个方格就是一个像素。表面上看好像很容易理解,实际上,px的具体大小是受到屏幕的分辨率影响的,也就是和划分屏幕各自的方式有关。例如,同样是100px大小的字体,如果显示器使用800×600像素的分辨率,那么,每个字的宽度是屏幕的1/8。若将显示器的分辨率设置为1024×768像素,那么同样是100px字体的字,其宽度就越为屏幕宽度的1 /10。
绝对长度单位
绝对长度单位分为in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica)。其中,in(英寸)、cm(厘米)、mm(毫米)和实际中常用的单位完全相同。重点介绍一下pt(磅)、pc(pica)。
pt(磅):是标准印刷上常用的单位,72pt的长度为1英寸。
pc(pica):这也是一个印刷上用的单位,1pc的长度为12磅。
绝对长度单位,虽然理解起来很容易,但是在网页的设计中很少用到。
相对长度单位
相对长度单位是使用最多的长度单位。包括em、ex、px,下面分别介绍一下。
em是定义文字大小的值,也就是文本中font-size属性的值。例如:定义某个元素的文字大小为12pt,那么,对于这个元素来说1em就是12pt。单位em的实际大小是受到字体尺寸的影响的。
ex和em类似,指的是文本中字母x的高度,因为不同的字体的x的高度是不同的,所以ex的实际大小,受到字体和字体尺寸两个因素的影响。
px就是通常所说的像素,使网页设计中使用最多的长度单位。将显示器分成非常细小的方格,每个方格就是一个像素。表面上看好像很容易理解,实际上,px的具体大小是受到屏幕的分辨率影响的,也就是和划分屏幕各自的方式有关。例如,同样是100px大小的字体,如果显示器使用800×600像素的分辨率,那么,每个字的宽度是屏幕的1/8。若将显示器的分辨率设置为1024×768像素,那么同样是100px字体的字,其宽度就越为屏幕宽度的1 /10。
0 0
- CSS中的长度单位
- 彻底了解css中的长度单位
- 转载:<理解css中的长度单位>
- CSS中的长度单位,宽度自适
- CSS 4.2 样式-文本补充,css中的长度单位
- 常用CSS长度单位
- 常用CSS长度单位
- CSS长度单位参考
- CSS的长度单位
- CSS 长度单位
- CSS长度单位
- 前端开发中的CSS的长度单位em、px、ex、%
- css 中的几种长度单位:px em rem
- 计算机中的长度单位
- Android中的长度单位
- Android中的长度单位
- CSS的长度单位(em)
- css长度单位的转换
- jQuery----经典表单应用
- android javax.net.ssl.SSLPeerUnverifiedException: No peer certificate
- 并发请求:统计数据收集模式
- jquery-validation 使用
- 快速排序
- CSS中的长度单位
- poj 3468 A Simple Problem with Integers 线段树
- Robotium在输入框输入文字
- POJ 1915 Knight Moves
- 2015年7月29日:Windows 10正式发布
- 何谓同源策略以及解决同源策略的方法(ajax方法和http的方法)
- What's Rest ?
- 看小白如何解决ajax跨域问题
- 栈的运用之表达式求值