CSS单位总结

最新推荐文章于 2024-02-15 15:35:25 发布
最新推荐文章于 2024-02-15 15:35:25 发布
阅读量584 收藏
点赞数
分类专栏： 前端 文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51164450/article/details/122683664
版权
单位描述
em相对长度单位，相对于自身元素的字号大小，如果没有设置即参照父容器的字号大小或浏览器默认字号大小；举例：如一个div#box的宽度设置为#box{ width:10em }，其字号大小#box{ font-size:14px },则此div的宽度为140px。
remrem是css3的新标准也是一种相对长度单位，其相对于HTML根标签的字号大小。举例： 如有css: html{ font-size:14px},此根标签内有元素div#box的宽度为：#box{ width：10rem }，则此div的宽度换算成像素则为140px。
vwviewpoint width，视窗宽度，1vw=视窗宽度的1%
vh视窗高度，1vh=视窗高度的1%
vmaxvw和vh中较大的那个
vminvw和vh中较小的那个
李元芳芳芳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
css总结1
08-03
在“css总结1”中，我们探讨了几种引入CSS样式的方法以及一些基本的CSS属性。 首先，让我们来看一下CSS样式的组成。一个CSS规则通常由两部分构成：选择器和声明。选择器指向你想要应用样式的HTML元素，如`h3`或`p`...
总结 css-样式处理。。。
01-05
- `font-size`设定字体大小，可用绝对单位（如px）或相对单位（如em）。 - `text-align`控制文本水平对齐，`line-height`设置行高，`text-decoration`添加下划线、删除线等。 7. **响应式设计**： - 使用媒体...
常见CSS单位总结
syzdev的博客
03-28 2537
0 前言 在CSS中，单位分为相对单位和绝对单位两种： 相对单位：元素大小参照另一个对象的大小来决定； 绝对单位：元素大小是所设定的固定的绝对值。 1 相对单位 CSS中的相对单位主要分为两大类： 字体相对单位：与font-size属性有关的单位，常见的字体相对单位有em和rem； 浏览器窗口相对单位：与浏览器窗口大小有关的单位，常见的浏览器窗口相对单位有vw、vh、vmax和vmin。 1.1 em em（Element meter）是一个相对单位，它有如下特点： em参照的对象是其父元素的fo
CSS百分比单位总结
izwell的博客
09-07 2063
CSS中的很多地方都是可以使用百分比单位的，之前一直理所当然的认为百分比就是相对于容器的宽高设定的，后来在自己实现垂直居中的多种写法时，才意识到这个问题，遂收集资料进行整理。 相对于容器的宽度的 相对于content-box宽度 width | max-width | min-width | margin | padding | grid-template-columns ...
CSS总结
最新发布
Dragon_Z的博客
02-15 940
每个基础选择器都有使用场景，都需要掌握如果是修改样式，类选择器是使用最多的color 属性用于定义文本的颜色。开发中最常用的是十六进制.Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法在CSS中，可以根据选择器的类型把洗择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素(标签)
CSS知识点总结
m0_60560321的博客
08-13 1941
CSS学习期间记录的部分知识点总结
CSS的单位
读心悦
04-26 428
样式单位的使用，css提供了两种：绝对单位、相对单位 绝对单位 mm（毫米）、cm（厘米）、in（英寸）、pt(点) 我们常用的px就是绝对单位，简单的理解就是该单位是不能变化的，例如10px在哪里都是一样大的。这些绝对单位是可以相互转换的。例如：16px=12pt。 css像素并不是严格等于显示器的像素， 相对单位 常见的相对单位：em、rem，相对单位的值会根据外部因素发生变化而变化。 rem和em em em是最常见的相对长度单位，适合设置特定字体大小排版。在css中1em等于当前元素的字号，它的准确
CSS3知识总结
weixin_51109349的博客
12-15 1826
CSS3什么是css3浏览器前缀css3选择器边框圆角渐变径向渐变线性渐变文本和盒子阴影文字换行CSS3字体css3 背景倒影滤镜过渡2D装换3D转换动画1.指定动画2.使用动画flex布局多媒体查询怪异盒子多列布局 什么是css3 CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了， IE10以后也开始全面支持CSS3了。 最需要注意的问题是各个浏览器
CSS中的尺寸单位总结
SummerOfFoam的博客
07-13 518
文章目录CSS中的尺寸单位总结 CSS中的尺寸单位总结 绝对单位： px(Pixel)：像素 （1px = 1/96th of 1in）; pt(Point)：大约1/72英寸 （1pt = 1/72 in）; pc(Pica)： 大约12pt，1/6 英寸（1pc = 12pt）; in：英寸 （1in = 96px = 2.54cm）; mm：毫米； cm：厘米； 注意： 像素或许是最好的“设备像素”，而这种像素长度和你在显示器上看到的文字屏幕像素无关，px实际上是一个按角度度量的单位。 相对单
CSS基础 知识点总结
星星之火的语言c学习
08-18 2599
① CSS指的是层叠样式表，用来控制网页外观的一门技术② CSS发展至今，经历过CSS1.0 CSS2.0 CSS2.1 CSS3.0这几个版本，CSS3.0是CSS最新版本① 选择器就是选中你想要的元素，就是指用一种方式把你想要的那个元素选中，只有把这个元素选中，你才能为它添加样式② 五种常用的选择器元素选择器id选择器class选择器后代选择器群组选择器③ 语法选择器属性1：取值1；属性2: 取值2；...属性n: 属性n;① 元素选择器。
HTML+CSS学习总结
weixin_53351919的博客
06-26 2773
html+css学习总结
分享7个你可能不认识的CSS单位
09-25
CSS单位是网页设计中不可或缺的一部分，它们用于定义元素的尺寸、位置和字体大小。在本文中，我们将探讨一些不常见的CSS单位，它们可以帮助你更好地掌握CSS，并在特定场景下提高你的设计灵活性。 首先，我们来看`...
简单总结CSS3中视窗单位Viewport的常见用法
09-24
【CSS3 视窗单位Viewport】 视窗单位在CSS3中是一种强大的工具，用于创建响应式的网页设计。这些单位基于浏览器的视窗区域（不包括工具栏和滚动条）来定义元素的尺寸，使布局能够自适应不同屏幕大小的变化。常见的...
css3总结文档, 一些常用的写法
06-19
CSS3 是一种强大的样式表语言，用于描述网页或应用程序的呈现方式。在本文中，我们将深入探讨一些CSS3中常用的技术和属性，帮助你更好地理解和应用它们。 首先，我们来看看单位。`em`是一个相对单位，它基于父元素...
JS random() 方法
qq_51164450的博客
02-07 2156
random方法可返回介于 0（包含）~1（不包含）之间的一个随机数 Math.random() 实例1： 取得介于1到10之间的一个随机数 Math.floor((Math.random()*10)+1); 实例2： 取得介于1到100之间的一个随机数 Math.floor((Math.random()*100)+1); 实例3： 以下函数返回min（包含）~ max（不包含）之间的数字： function getRndInteger(min,max) { return Math.floor
前端入门教程(一)
qq_51164450的博客
07-22 1774
1.网页 1.1 什么是网页 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。 1.2 什么是HTML HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。 HTML不是一
BOM 浏览器对象模型
qq_51164450的博客
10-24 1659
1.BOM概述 1.1 什么是BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 1.2 BOM的构成 window对象是浏览器的顶级对象，它具有双重角色。 1.它是JS访问浏览器窗口的一个接口 2.它是一个全局对象。定义在全局作用域中的变量、函数都会变成wndow对象的属性和方法。在调用的时候可以省略window，比如alert()、pro
JS中slice,splice,split的区别
qq_51164450的博客
01-27 792
1.slice ： 定义：接收一个或两个参数，它能够建立一个由当前数组中的一项或多项组成的新数组，注意是新数组哦~ 也就是说它不会修改原来数组的值。 用法：slice( para1 ),会截取从para1开始的到原数组最后的部分； slice（para1,para2）会截取原数组的从para1开始的para2-para1个数组。】 注意：当两个参数中存在负数时，用原数组的长度加上两个负数的参数做为相应的参数来计算。 2. splice : 定义：强大的数组操做方法 用法 ： splice( para1
css单位中px和em、rem
07-12
在CSS中，有几种常见的单位用于指定尺和距离，包括像素（px）、em和rem。 . 像素（px）是最常见和最基本的单位。它是相对于屏幕分辨率的点。1px相当显示器上的一个理像素点。使用像素单位时元素的大小不会随着...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李元芳芳芳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值