最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS3中介绍最新的几种长度单位

来源:懂视网 责编:小采 时间:2020-11-27 18:50:36
文档

CSS3中介绍最新的几种长度单位

CSS3中介绍最新的几种长度单位:标记说明:数字上标为有疑惑的地方尽量做到在专有名字后面给出英文翻译,因为官方的文档基本上是英文的,经过各个读者的翻译后可能有所区别而产生歧义。概述:em:相对于当前对象内文本的字体大小。相对于父节点的字体大小rem:相对于根元素<html>
推荐度:
导读CSS3中介绍最新的几种长度单位:标记说明:数字上标为有疑惑的地方尽量做到在专有名字后面给出英文翻译,因为官方的文档基本上是英文的,经过各个读者的翻译后可能有所区别而产生歧义。概述:em:相对于当前对象内文本的字体大小。相对于父节点的字体大小rem:相对于根元素<html>

标记说明:

数字上标为有疑惑的地方

尽量做到在专有名字后面给出英文翻译,因为官方的文档基本上是英文的,经过各个读者的翻译后可能有所区别而产生歧义。

概述:

em:相对于当前对象内文本的字体大小。相对于父节点的字体大小

rem:相对于根元素<html>的字体大小。应用场景:以文字内容决定布局的。

vh和vv:1vh等于1/100的视口高度,1vw等于1/100的视口宽度。

vmin和vmax:关于视口高度和宽度的最小值或最大值,vmin等于1/100的视口宽高中的最小值。应用场景:让一个元素始终在屏幕中可见。

ch:数字0的宽度

ex:当前字体的小写x字母的的高度或者1/2的1em。应用场景:上实上标和下标

提取到的信息:

1、font-size:若没有声明则会继承父节点的属性

引申:

①window, document,body宽高:

body高度是body元素的高度(包括边框滚动条等),四周默认带有8px的margin

若没给html设置颜色,给body设置了颜色,则body的颜色填充整个背景

视口viewport指的是浏览器可视范围,除去边框,滚动条,工具栏的文档显示区域

②0.5em怎么可能和1ex相等?

实际测试后发现设置0.5em与1ex的表现略有区别。毕竟小写x字母不一等是字体大小font-size的一半。当然不能排除有种字体刚好满足这个条件

relative:会在应有的位置上进行偏移。dom的原位置保留

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

CSS3中介绍最新的几种长度单位

CSS3中介绍最新的几种长度单位:标记说明:数字上标为有疑惑的地方尽量做到在专有名字后面给出英文翻译,因为官方的文档基本上是英文的,经过各个读者的翻译后可能有所区别而产生歧义。概述:em:相对于当前对象内文本的字体大小。相对于父节点的字体大小rem:相对于根元素<html>
推荐度:
标签: 介绍 简介 宽度
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top