189 8069 5689

css绝对长度单位有哪些-创新互联

这篇文章主要介绍css绝对长度单位有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

10年积累的成都做网站、网站建设、外贸营销网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有盐都免费网站建设让你可以放心的选择与我们合作。

css中的长度单位有很多,可谓五花八门,但基本上可分为三大类:相对长度单位、绝对长度单位和可视区百分比长度单位。其中绝对长度单位表示:彼此固定长度,不会因为其他元素的尺寸变化而变化的长度单位,主要包括:px,pc,pt,in,mm,cm。

首先我们来简单介绍一下这些长度单位。

css px单位---最经常使用的长度单位


px又名为:像素,是屏幕媒体(即在电脑屏幕上读取)固定大小的单元,是一个按角度度量的单位。一个像素等于电脑屏幕上的一个点 (即:屏幕分辨率的最小分割),web页面可以精确按像素完美呈现的。我们看看如何设置,例:

.demo{  font-size: 40px; }

css pc单位

pc:派卡(Pica),相当于我国新四号铅字的尺寸。

.demo{  font-size: 4pc; }

css绝对长度单位有哪些

css pt单位

pt:点(Point),绝对长度单位

.demo{  font-size: 40pt; }

css绝对长度单位有哪些

css in单位

in:英寸(Inch),一个物理度量单位,但是在CSS领域,英寸只不过被直接映射成像素罢了。


.demo{  font-size: 0.5in; }

css绝对长度单位有哪些

css mm单位

mm:毫米(Millimeter),是个小数量级的物理度量单位。

.demo{  font-size: 10mm; }

css绝对长度单位有哪些

css cm单位

cm:厘米(Centimeter),对于世界上大多数的人来说,是比较熟悉有用的物理度量单位。在css中它也映射成像素。


.demo{  font-size: 1cm; }

css绝对长度单位有哪些

然后,我们来看看这些长度单位是如何换算的:

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

下面我们给出pt与px的相互转换的公式:

px = pt *(96/72)

pt=px*(72/96)


以上是css绝对长度单位有哪些的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


标题名称:css绝对长度单位有哪些-创新互联
本文路径:http://jkwzsj.com/article/dgceec.html

其他资讯