概述
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css长度单位可分为:相对长度单位 和 绝对长度单位。
相对单位
相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设配相对长度更加适用。
单位 | 描述 |
---|---|
em | 它是描述相对于应用在当前元素的字体尺寸,所以它是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px |
ex | 依赖于英文字母小x的高度 |
ch | 数字0的宽度 |
rem | rem是根(root em)的缩写,相对于根元素字体大小(相对的只是HTML根元素); |
vw | viewpoint width,视窗宽度,1vw = 视窗宽度的1% |
vh | viewpoint height,视窗高度,1vh = 视窗高度的1% |
vmin | vw和vh中较小的一个 |
vmax | vw和vh中较大的一个 |
绝对单位
绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)
单位 | 描述 |
---|---|
cm | 厘米 |
mm | 毫米 |
in | 英寸(1in= 96px = 2.54cm) |
px | 像素 |
pt | point (1pt = 1/72in) |
pc | pica 大约12pt(1pc = 12pt) |
css px单位---最经常使用的长度单位
px又名为:像素,是屏幕媒体(即在电脑屏幕上读取)固定大小的单元,是一个按角度度量的单位。一个像素等于电脑屏幕上的一个点 (即:屏幕分辨率的最小分割),web页面可以精确按像素完美呈现的。我们看看如何设置,例:
.demo{ font-size: 40px; }
登录后复制
css pc单位
pc:派卡(Pica),相当于我国新四号铅字的尺寸。
.demo{ font-size: 4pc; }
登录后复制
css pt单位
pt:点(Point),绝对长度单位
.demo{ font-size: 40pt; }
登录后复制
css in单位
in:英寸(Inch),一个物理度量单位,但是在CSS领域,英寸只不过被直接映射成像素罢了。
.demo{ font-size: 0.5in; }
登录后复制
css mm单位
mm:毫米(Millimeter),是个小数量级的物理度量单位。
.demo{ font-size: 10mm; }
登录后复制
css cm单位
cm:厘米(Centimeter),对于世界上大多数的人来说,是比较熟悉有用的物理度量单位。在css中它也映射成像素。
.demo{ font-size: 1cm; }
登录后复制
扩展知识:
我们来看看这些长度单位是如何换算的:
1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px
登录后复制
下面我们给出pt与px的相互转换的公式:
px = pt *(96/72)
pt=px*(72/96)
登录后复制
(学习视频分享:web前端入门)
以上就是css绝对单位是什么的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是英俊蓝天为你收集整理的css绝对单位是什么的全部内容,希望文章能够帮你解决css绝对单位是什么所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复