html 页面长度单位,css绝对长度单位有哪些？

在写css的时候最常用的长度单位是px(像素)，经常看到的还有em，pt等等，其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm。

css长度单位基本上可分为三大类：相对长度单位、绝对长度单位和可视区百分比长度单位。

其中绝对长度单位表示：彼此固定长度，不会因为其他元素的尺寸变化而变化的长度单位，主要包括：px，pc，pt，in，mm，cm。

下面我们就来看一下css中的绝对长度单位：

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

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

2、pc：派卡(Pica)，相当于我国新四号铅字的尺寸。

3、pt：点(Point)，绝对长度单位

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

5、mm：毫米(Millimeter)，是个小数量级的物理度量单位。

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

html 页面长度单位,css绝对长度单位有哪些？相关推荐

css的长度单位没有哪些,css 长度单位知多少
写在前面:在这个是个 coder 都会写两行前端代码的年代下,几乎都对 css 不是很陌生,但是真正能写好的确需要对 css 深入学习了,做为一个不称职的后端,我觉得我也有必要多了解一下. css 中 ...
php html5 css样式,怎么在html页面写css样式表
本教程操作环境:windows7系统.html5和css3版,该方法适用于所有品牌电脑. 在html页面写css样式表 1.首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css ...
html调试的时候弹出一直消失,页面中css调试和问题解决的一些经验总结
在前端开发中经常会碰到浏览器兼容性问题.css2各个属性被各个浏览器支持的问题,css继承,css叠加等等,我们经常因为这些而需要调试页面中css. 以下只是我个人的一些经验总结,如果有不合适请留言斧 ...
web课程设计网页规划与设计~在线阅读小说网页共6个页面(HTML+CSS+JavaScript+Bootstrap)...
HTML期末大作业 ~ 大学生网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业 ...
HTML5期末大作业：文采网站设计——个人书画作品展示(6个页面) HTML+CSS+JavaScript...
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能满足你的需求 ...
HTML5期末大作业：售票网站设计——票务网站整套模板(24个页面) HTML+CSS+JavaScript
HTML5期末大作业:售票网站设计--票务网站整套模板(24个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
HTML5期末大作业：中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载...
HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
HTML5期末大作业：动漫网站设计——迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成
HTML5期末大作业:动漫网站设计--迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成临近期末, 你还在为 ...
web课程设计网页规划与设计：个人毕设网站设计 —— 二手书籍(11个页面) HTML+CSS+JavaScript
web课程设计网页规划与设计:网站设计--二手书籍(11个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
HTML5期末大作业：个人网站设计——拾艺客个人设计工作室(6个页面) HTML+CSS+JavaScript...
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题.你想要解决的问题,在这篇博文中基本都能满足你的 ...

html 页面长度单位,css绝对长度单位有哪些？

html 页面长度单位,css绝对长度单位有哪些？相关推荐

最新文章

热门文章