问题 　　使用cacl()动态计算元素的高度，运算中包含一个scss变量。如下： 　　在浏览器中发现并没有达到预期效果，scss变量没有被解析。如下： 解决 　　使用scss的插值语句 #{} 　　就在浏览器中正常解析了 ...

引言： 　　在学习elementui的时候看到一个var.css， 其中写的全部都是以--开头的属性，上google查询不是css3新增的属性，于是决定一探究竟 　　 这些到底是什么鬼？ 原来这些仅仅一些自定义的css属性，在需要的时候可以使用var()函数引用 关于var ...

css有一些强大的函数： 1. calc 可以混合多种单位来计算 2. max、min、clamp max、min选最大/小的那个 clamp() 则是给一个值限定一个范围，超出范围外则使用范围的最大或者最小值。（现在带webkit前缀可以使 ...

1 ：缩放 scale(x,y)函数让元素根据中心原点对对象进行缩放，大于1进行放大，小于1则缩小，如果为负值，则先进行翻转再进行缩放操作。 实例： HTML： <div class="old11"> < ...

css中cale()函数的使用 问题分析 html css: 当box元素的宽度为100%；该元素的padding,border,margin的值都会导致box超出wrap元素 解决办法1：box-sizing:border-box; 可以把border和padding包 ...

先简单介绍一下： 　　rgba()函数是平时开发中经常遇到的，这篇文章也做了一个比较详细的解读以及一系列的应用。 　　对它的工作原理做一番分析：就是具有一定透明度的盒子； 　　还比较了rgba()函数和不透明度属性（opacity）的区别：使用 opacity，所有子元素都会 ...

clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。 语法 clamp() 函数接收三个用逗号分隔的表达式作为参数，按最小值、首选值、最大值的顺序排列。 当首选值比最小值要小时，则使用最小值 ...

1 关于var()函数使用注意点: 　　这个函数的作用获取自定义属性的值 　　 　　关于自定义属性: 　　1 出现位置 　　　　要么在 　　　　　　<style> 　　　　　　　　body{ 　　　　　　　　　　--self-property ...