zoukankan      html  css  js  c++  java
  • 寒假学习日报4

    CSS 有几种表示长度的不同单位。

    许多 CSS 属性接受“长度”值,诸如 width、margin、padding、font-size 等。

    长度是一个后面跟着长度单位的数字,诸如 10px、2em 等。

    数字和单位之间不能出现空格。但是,如果值为 0,则可以省略单位。

    对于某些 CSS 属性,允许使用负的长度。

    长度单位有两种类型:绝对单位和相对单位。

    绝对长度

    绝对长度单位是固定的,用任何一个绝对长度表示的长度都将恰好显示为这个尺寸。

    不建议在屏幕上使用绝对长度单位,因为屏幕尺寸变化很大。但是,如果已知输出介质,则可以使用它们,例如用于打印布局(print layout)。

    单位描述TIY

    cm厘米

    mm毫米

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

    px *像素 (1px = 1/96th of 1in)

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

    pc派卡 (1pc = 12 pt)

    * 像素(px)是相对于观看设备的。对于低 dpi 的设备,1px 是显示器的一个设备像素(点)。对于打印机和高分辨率屏幕,1px 表示多个设备像素。

    相对长度

    相对长度单位规定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放表现得更好。

    单位描述TIY

    em相对于元素的字体大小(font-size)(2em 表示当前字体大小的 2 倍)

    ex相对于当前字体的 x-height(极少使用)

    ch相对于 "0"(零)的宽度

    rem相对于根元素的字体大小(font-size)

    vw相对于视口*宽度的 1%

    vh相对于视口*高度的 1%

    vmin相对于视口*较小尺寸的 1%

    vmax相对于视口*较大尺寸的 1%

    %相对于父元素试一试

    提示:em 和 rem 单元可用于创建完美的可扩展布局!

    * 视口(Viewport)= 浏览器窗口的尺寸。如果视口宽 50 里面,则 1vw = 0.5cm。

  • 相关阅读:
    C#中将结构类型数据存储到二进制文件中方法
    常用的20个在线工具类网站清单
    PyQt:开发小工具
    PyQt:使用QtDesigner设计界面
    经营策略
    Xmind 8 update 9 破解
    AI: 百度AI实战教学
    DRF:djangorestframework从入门到精通
    python:requests库发送参数+文件
    python:关于postman中生成的基于requests库的接口代码
  • 原文地址:https://www.cnblogs.com/hhw12345/p/14908539.html
Copyright © 2011-2022 走看看