• CSS单位


      CSS中表示长度的属性很有多种,如常用的px,em等等。如果长度的值为0,则可以省略掉单位。

      在CSS中对于长度的分类有着两大类——绝对长度和相对长度,接下来就来一一介绍吧。

      绝对长度:

      cm:  公分(centimeters)

      mm:  毫米(millimeters)

      in:  英寸 (inches )(1in = 96px = 2.54cm)

      px :  像素点(pixels)(1px = 1/96th of 1in)

      pt:  点(points )(1pt = 1/72 of 1in)

      pc:  十二点活字(picas) (1pc = 12 pt)

      相对长度:

      em:  相对于元素的字体大小(2em意味着当前字体大小的2倍)

      ex:  相对于当前字体的x高度(很少使用)

      ch:  相对于“0”的宽度(零)

      rem:  相对于根元素的font-size

      vw:  其值相对于浏览器窗口大小宽度的百分比(如果浏览器宽100厘米,1vw = 1厘米)

      vh:  相对于浏览器窗口大小高度的百分比(如果浏览器高100厘米,1vw = 1厘米)

     

      vmax:其值取浏览器窗口长或宽最大的一个计算其百分比

      %相对于父元素的百分比长度

  • 相关阅读:
    eslint 入门项目搭建过程
    ES6 模块化笔记
    闭包
    JavaScript 内存相关知识
    Mac 配置Charles,抓取移动设备数据
    jquery.cookie的path坑
    如何模拟click事件,打开一个a标签链接?
    6月份开发问题整理
    js 淡入淡出的tab选项卡
    点击弹出模态框-以登录表单为例
  • 原文地址:https://www.cnblogs.com/steak-ver/p/9851418.html
Copyright © 2020-2023  润新知