css之单位
css之单位
角度<angle>
用于<gradient>s和某些transform功能中
deg表示以度为单位的角度。一整圈就是360deg。
例如：0deg，90deg，14.23deg。
grad用渐变表示角度。一整圈就是400grad。
例如：0grad，100grad，38.8grad。rad表示以弧度表示的角度。
一个完整的圆是2π弧度，近似于6.2832rad。1rad是180 /π度。
例如：0rad，1.0708rad，6.2832rad。turn表示一个转数的角度。
一整圈就是1turn。例如：0turn，0.25turn，1.2turn。
频率<frequency>
表示频率维度，诸如说话声音的音高。它目前不在任何CSS属性中使用。
Hz表示以赫兹为单位的频率。
例如：0Hz，1500Hz，10000Hz。
kHz表示以千赫为单位的频率。
例如：0kHz，1.5kHz，10kHz。
长度<lenghth>
表示的距离值。长度可以以多种CSS属性
字体相对长度单位
cap表示元素的“上限高度”（大写字母的名义高度）font。
ch表示元素中字形“0”（零，Unicode字符U + 0030）的宽度，或者更准确地说是提前度量font。
em表示font-size元素的计算结果。如果在font-size属性本身上使用它，它表示元素的继承字体大小。
ex表示元素的x高度font。在带有“x”字母的字体上，这通常是字体中小写字母的高度; 1ex ≈ 0.5em在许多字体中。
ic等于在用于渲染它的字体中找到的“水”（CJK水表意文字，U + 6C34）字形的使用预先测量。
lh等于line-height使用它的元素的属性的计算值，转换为绝对长度。rem表示font-size根元素（通常<html>）。在根元素中使用时font-size，它表示其初始值（常见的浏览器默认值为16px，但用户定义的首选项可能会修改此值）。
rlh等于line-height根元素（通常<html>）上的属性的计算值，转换为绝对长度。当在根元素的font-size或line-height属性上使用时，它引用属性的初始值。
视口百分比长度
vh等于视口初始包含块高度的1％。
vw等于视口初始包含块宽度的1％。
vi等于初始包含块大小的1％，在根元素的内联轴方向上。
vb等于初始包含块大小的1％，在根元素的块轴方向上。
vmin等于较小的vw和vh。
vmax等于较大vw和vh。
绝对长度单位
px一个像素。对于屏幕显示，它传统上代表一个设备像素（点）。但是，对于打印机和高分辨率屏幕，一个CSS像素意味着多个设备像素。1px= 1/96 1in。
cm一厘米。1cm= 96px/2.54。
mm一毫米。1mm= 1/10 1cm。
Q四分之一毫米。1Q= 1/40 1cm。
in一英寸。1in= 2.54cm= 96px。
pc一个异食癖。1pc= 12pt= 1/6 1in。
pt一点。1pt= 1/72 1in。
mozmm ，在Firefox 59中删除。
时间<time>
s表示以秒为单位的时间。例如：0s，1.5s，-60s。
ms表示以毫秒为单位的时间。例如：0ms，150.25ms，-60000ms。
fr单位
可以使用任何长度单位定义轨道。网格还引入了一个额外的长度单元来帮助我们创建灵活的网格轨道。新fr单元表示网格容器中可用空间的一小部分。下一个网格定义将创建三个相等宽度的轨道，根据可用空间增长和缩小。
css之单位的更多相关文章
- css大小单位px em rem的转换和详解
css大小单位px em rem的转换和详解 PX特点1. IE无法调整那些使用px作为单位的字体大小:2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位:3. Firefox能 ...
- CSS的单位及css3的calc()及line-height百分比
锚点:css中百分比减去固定元素 单位介绍 说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着 ...
- 移动H5开发入门知识，CSS的单位汇总与用法
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...
- H5移动端开发入门知识以及CSS的单位汇总与用法
说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...
- 2.css字体单位
这期简单说说css字体单位 字体单位有三种:px.em.rem 任意浏览器的默认字体高都是16px.所有未经调整的浏览器都符合: 1em=16px. % 百分比 in 英寸 cm 厘米 mm 毫米 e ...
- css常用单位
css常用单位 本文来简单介绍下css的常用单位. 绝对长度单位 绝对长度单位代表一个物理测量. 像素px(pixels) 在web上,像素px是典型的度量单位,很多其他长度单位直接映射成像素.最终, ...
- vue项目中postcss-pxtorem的使用及webpack中的配置 css中单位px和em，rem的区别
移动手机版要求我们在制作嵌入h5的时候去适配不同的手机.适配有多重模式,有flex.百分比等.字体大小的控制也有px.百分比.rem等单位,webpack中 px转rem. vue项目中postcss ...
- css中单位em和rem的区别
在css中单位长度用的最多的是px.em.rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变. em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定 ...
- CSS的单位 及 css3的calc() 及 line-height 百分比
CSS的单位及css3的calc()及line-height百分比 摘自:http://www.haorooms.com/post/css_unit_calc 单位介绍 说到css的单位,大家应该首先 ...
随机推荐
- 使用git上传代码到GitHub
1.安装git git在Windows上安装很简单,在官网下载git的安装包后打开,然后一路next就好.安装完git之后,在文件夹中右击鼠标,出现Git Bash Here就表示安装完成了. 选择G ...
- centos默认终端bash美化、颜色设置
centos默认终端bash是一个很简单的界面,又无法通过像zsh一样直接安装主题和代码高亮插件,但是我们可以在bashrc的配置文件中通过代码实现一部分功能: 1.代码介绍: 这里推荐一篇大佬的文章 ...
- 用<center/>标签实现markdown 图片文字等内容居中显示
markdown中,文字居中的方式是借助了html标签<center></center>的支持 示例 ![](https://img2018.cnblogs.com/blog/ ...
- JQ前端上传图片显示在页面以及发送到后端服务器
// 单张上传照片 html: <div class="azwoo"></div> <div class="azwot"& ...
- 听说这个 IP 和子网掩码异常难算
IP地址格式 每个Internet主机或路由器都有IP地址.所有的IP地址包括网络号和主机号(就像是手机号,前几位是区号,后几位是序列号). 说明如下 A类地址用于主机数目非常多的网络.A类地址允许有 ...
- 2017蓝桥杯兴趣小组（C++C组）
原题:兴趣小组 为丰富同学们的业余文化生活,某高校学生会创办了3个兴趣小组(以下称A组,B组,C组).每个小组的学生名单分别在[A.txt],[B.txt]和[C.txt]中.每个文件中存储的是学生的 ...
- Flask 入门（十三）
上文提到的Blueprint和厉害吧? 可是有个缺点,就是,还不够框架,因为一个功能不可能就一个文件啊?多文件怎么解决? 还和上文项目架构一样 1.新建两个目录,admin,function 2.ad ...
- 带你五分钟了解python的函数式编程与闭包
前言 文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 作者:梁唐 PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行 ...
- stand up meeting 12-9
今天项目小组本已约好在今天下午四点半进行今天的daily scrum: 但是在四点半的时候,天赋和士杰同学均因组内项目会议延时,导致今天的daily scrum只能在晚上进行,但静雯同学因身体不舒服无 ...
- A - Number Sequence 哈希算法（例题）
Given two sequences of numbers : a[1], a[2], ...... , a[N], and b[1], b[2], ...... , b[M] (1 <= M ...