CSS单位

最新推荐文章于 2022-04-28 21:32:18 发布
最新推荐文章于 2022-04-28 21:32:18 发布
阅读量109 收藏
点赞数
分类专栏： CSS 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41993503/article/details/99548835
版权
前端 同时被 2 个专栏收录
22 篇文章 0 订阅
订阅专栏
CSS
11 篇文章 0 订阅
订阅专栏

1.px：绝对单位，页面按照精确像素展示

2.em：相对单位，相对于当前元素大小来计算

3.rem：相对单位，相对于<html>元素大小来计算

4.vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%

5.vh：viewpoint height，视窗高度，1vh等于视窗高度的1%

6.vmin：vw和vh中的较小者

7.vmax：vw和vh中的较大者

8.%：百分比

9.mm：毫米

10.cm：厘米

11.in：寸

12.pt：point，大约为1/72寸

13.pc：pica，大约为6pt，1/6寸

14.ex：一个ex是一个字体的x-height（x-height通常为一个字体大小的一半）

远方_ry
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css单位
02-14
理解并熟练掌握CSS单位对于创建响应式、可访问且具有良好性能的网页至关重要。在本文中，我们将深入探讨CSS单位的不同类型、用法及其应用场景。 1. 像素（px） 像素是最常见的CSS单位，它表示设备独立像素，通常...
（PTA）数据结构（作业）9、树的课堂练习
Misasagi Inori的博客
05-19 6337
作业而已，仅供参考，欢迎交流指正，大佬轻喷
（PTA）数据结构（作业）7、栈和队列应用，字符串矩阵，树
Misasagi Inori的博客
04-28 5436
作业而已，仅供参考，欢迎交流，有大佬带带我最好
《数据结构》_PTA_数据结构作业5：树和二叉树
国家一级致癌物
12-29 7157
判断题： 1-1 某二叉树的前序和中序遍历序列正好一样，则该二叉树中的任何结点一定都无右孩子。 F 1-2 存在一棵总共有2016个结点的二叉树，其中有16个结点只有一个孩子。 F 1-3 哈夫曼树中一定没有度为 1 的结点。 T 1-4 一棵非空二叉树，若先序遍历与后序遍历的序列相反，则该二叉树只有一个叶子结点。 T 1-5 某二叉树的前序和中序遍历序列正好一样，则该二叉树中的任何结点一定都无左孩子。 T 1-6 已知一棵二叉树的先序遍历结果是ABC,　则CAB不可能是中序遍历结果。 T 1-7 一
分享7个你可能不认识的CSS单位
09-25
CSS单位是网页设计中不可或缺的一部分，它们用于定义元素的尺寸、位置和字体大小。在本文中，我们将探讨一些不常见的CSS单位，它们可以帮助你更好地掌握CSS，并在特定场景下提高你的设计灵活性。 首先，我们来看`...
CSS-Unit-Converter:在CSS单位之间转换值的简单工具
05-08
CSS单位转换器 使用CSS单位转换器在几乎每个CSS 单位之间转换值。 请通过进行实际检查。 建造 确保已安装 安装所有依赖项 npm install 建立一切 npm run build 观看所有内容（并根据更改进行重建） npm run ...
css-absolute-units:绝对长度的 CSS 单位列表
06-28
css-绝对单位 绝对长度的 CSS 单位列表。 安装 npm install --save css-absolute-units 用法 var cssAbsoluteUnits = require ( 'css-absolute-units' ) ; cssAbsoluteUnits ( ) ; // => ['px', 'mm', 'cm', 'in',...
DOM结构（DOM树）
侯阮悦的博客
08-03 7353
DOM 文档类型DOM（Document Object Model）主要用于HTML文档和XML文档的内容进行操作。DOM描绘了一个层次化的节点树，通过节点的操作，来实现对文档内容进行增删改查。 1.DOM（Document Object Model）：文档对象模型 文档：HTML文档 文档对象：页面中的元素 文档对象模型：对象被组织在一个树形结构中，用来表示文档中对象的标准模型就叫DO...
CSS中display为flex和inline-flex的区别
侯阮悦的博客
06-20 5235
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 Flex 布局。 display: flex 将对象作为弹性伸缩盒显示 display: inline-flex 将对象作为内联块级弹性伸缩盒显示 flex 效果： 没有为父元素设置宽度，所以父元素的宽度为100%，而高度则是由子元素撑开，既高...
DOM操作影响页面的性能（重排重绘）
侯阮悦的博客
08-03 3914
1.页面的渲染过程 （1）Javascript：通过JS实现动画效果或者操作DOM实现交互 （2）Style：计算样式，如果样式有改变将重新计算，并返回给DOM （3）Layout：根据DOM的样式，重新布局（重排） （4）Paint：在多个渲染层上，对新的布局重新渲染（重绘） （5）Composite：将绘制好的多个渲染层合并，显示到页面上 在页面生成时，至少进行一次布局和渲染，...
let，const，var的区别
侯阮悦的博客
08-20 3518
let是ES6新规定的一种声明变量的方法，用来取代ES5中var命令，消除var声明变量的不合理，不严谨之处。const用来声明常量。 let使用规则 1.let声明的变量不存在变量提升的问题，必须遵循 "先声明，后使用"否则会报错。但用var声明不会出现报错。 2.let声明的变量，存在块级作用域。let声明的变量只在所声明的代码块内有效，块级作用域{}，包括if和for 3.let不允...
better-scroll相应鼠标滚轮滚动
侯阮悦的博客
07-10 2029
在PC端使用BScroll时无法响应鼠标的滚轮事件，只需要配置mouseWheel即可
float（对块级，行内，内联块元素的影响），如何清除浮动
侯阮悦的博客
08-05 1282
浮动的影响 浮动会使块级元素和内联元素具有内联块元素的特点，块元素可以一行显示，内联元素可以设置宽高。 使得元素脱离文档流，按照浮动的方向移动，遇到父级边界或者相邻浮动元素停住：float：left / right / none，子元素脱离文档流，结果会使父元素高度崩塌 清除浮动 1.为父元素设置高度 优点：兼容性好 缺点：高度未知，可能会导致子元素换行 2.ov...
把一个URL解析成一个对象
侯阮悦的博客
08-20 785
第一种方法：原生JS var url = "http://www.taobao.com/index.php?key0=0&key1=1&key2=2"; var str = url.split("?")[1]; var item = str.split("&"); var obj = {}; for(var i=0;i<item.length;i++){ var...
！Doctype的作用，严格模式和混杂模式的区别，以及如何触发两种模式
侯阮悦的博客
08-03 501
！Doctype的作用 1.<！DOCTYPE>声明叫做文档类型DTD，它的作用就是用来标识浏览器使用哪种文档类型，让浏览器知道以何种方式解析文档。 2.必须位于HTML文档的第一行，处于<html>标签之前，但是不属于HTML文档标签。 3.声明文档的解析类型（document.compatMode），是为了避免浏览器的怪异模式。 严格模式和混杂模式的区别，以及如...
常见元素的属性特点
侯阮悦的博客
07-25 392
块级元素： 独占一行；不可解析换行符；可设置宽高和上下边距；不设置宽度的情况下和父元素保持一致； <p><div><h1>~<h6><ol><ul><strong> 行内元素： 多个元素可以一行显示；解析换行符；元素的宽高和上下边距不可设置；不设置宽度的情况下，默认为内容的宽度不可改变；<span&g...
DOM0级事件和DOM2级事件
侯阮悦的博客
08-13 306
DOM0级事件 分为两种，一种是在标签内添加执行语句: <button id = "button1" onclick="console.log('123')">点击</button> 一种是定义执行函数 <button id="button1">点击</button> <script> var btn = document....
选择器的优先级
侯阮悦的博客
08-06 286
选择器的类型 1. * （通配符选择器）：获取所有子元素 2. 类型选择器（标签名选择器）：获取所有该种元素 3. 类名选择器 （.class）：获取所有具有该种类名的元素 4. id选择器（#id）：获取所有具有该id值得元素 5. 组合选择器：选择器之间用空格隔开 6. 后代选择器：从父元素一直到子元素选择器，如#div ul li 7. 群组选择器：具有相同样式的选择器，用逗号...
标签嵌套规则，以及HTML转义
侯阮悦的博客
08-05 230
1.标签嵌套规则 有些标签是固定的嵌套规则，比如ul包含li，ol包含里，dl包含dd和dt 块级元素与块级元素平级，内联元素与内联元素平级 块级元素可以包含内联元素和某些块元素，内联元素不可以包含块级元素只能包含其他内联元素 有几个特殊的元素只能包含内联元素，不能包含块级元素。例如：h1~h6，p，dt 块级元素不能放在p标签 li标签可以包含div标签，因为li和div标签都是装载...
vue css单位百分比
最新发布
08-15
在Vue中使用CSS单位进行自适应有几种常见的方式： 1. 使用相对单位：在Vue组件的样式中，可以使用相对单位如rem、em、vh、vw等来实现自适应。相对单位是基于元素的父元素或根元素的大小来计算的，因此可以根据不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值