(2)CSS指定长度的三种方式
2014-04-22 19:23
274 查看
(1)相对长度
相对长度有三种类型:与屏幕分辨率相关的像素和与字体大小相关的em与ex
1. px像素:屏幕分辨率是指每英寸有多少像素点,大多数计算机屏幕的分辨率为72像素点每英寸(dpi),故对于不同分辨率的屏幕,同一像素值显示大小是不同的。
2. em:其单位相当于当前字体的高度,常用于度量包含文本的元素以及控制文本间距。
3. ex:单位为小写字母x的高度(不同字体,小写字母x的高度不同)
(2)绝对长度
通常来说,绝对单位的使用远少于相对长度,下图给出了绝对长度单位:
![](https://img-blog.csdn.net/20140422192104203?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbXhkMzk1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
1点是一英寸的1/72,即大多数屏幕(72dpi)中一个像素的长度。
(3)百分比
百分比给出相对于另一个值的百分比。
相对长度有三种类型:与屏幕分辨率相关的像素和与字体大小相关的em与ex
1. px像素:屏幕分辨率是指每英寸有多少像素点,大多数计算机屏幕的分辨率为72像素点每英寸(dpi),故对于不同分辨率的屏幕,同一像素值显示大小是不同的。
2. em:其单位相当于当前字体的高度,常用于度量包含文本的元素以及控制文本间距。
3. ex:单位为小写字母x的高度(不同字体,小写字母x的高度不同)
(2)绝对长度
通常来说,绝对单位的使用远少于相对长度,下图给出了绝对长度单位:
1点是一英寸的1/72,即大多数屏幕(72dpi)中一个像素的长度。
(3)百分比
百分比给出相对于另一个值的百分比。
相关文章推荐
- CSS初始化代码
- CSS基本知识6-CSS字体
- css清除间隙
- CSS3实现气泡效果
- 从缓存的源文件中读取资源文件,下载到本地(包括图片和样式脚本)
- 《CSS权威指南》--附录
- CSS3 (边框 圆角 阴影)
- css3实现垂直下拉动画菜单示例
- CSS实现圆角、透明在IE、火狐中的代码兼容解决办法
- css 控制table样式
- css hack
- css3通过scale()、rotate()实现放大、旋转
- CSS样式基础知识
- css样式无效是怎么回事?有哪些常见原因?
- CSS选择器无法找到td
- IE6不支持CSS的属性选择器
- ie6里png图片不透明的解决办法
- css3 3d效果算法分享
- css清除浮动的几种方法以及对应规范说明
- Flex4 中 borderContainer 控件的样式设置