css自定义变量

html-css014

css自定义变量,第1张

css是可以支持变量,且所有主流浏览器都支持。css变量又称"css自定义属性",css的变量声明是以“--”前缀,而前缀是"$"或"@"被预处理器sass或less占用,所以,css以"--"开头可以避免与预处理器产生冲突,

2.属性名可以包含数字,字母,以及下划线或者短横线,也可以是中文,日文或者韩文,但不能是属性名或数字开头,不能包含$,[,^,(,%等字符。

3.变量--primary只能用属性值,不能用作属性名

4.数字和单位直接写一起需使用calc()函数

拓展

cal()函数支持 "+", "-", "*", "/" 运算,需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);

任何长度值都可以使用calc()函数进行计算;

calc()函数使用标准的数学运算优先级规则;

5.变量的值是字符串时,可以直接拼接

6.var()函数第二个参数是设置默认值,若该变量不存在,则使用此默认值

7.css变量可以在任意选择器中使用包括在标签元素style及@media中

若想了解更深可看大神文章:

https://www.ruanyifeng.com/blog/2017/05/css-variables.html

https://www.zhangxinxu.com/wordpress/2016/11/css-css3-variables-var/

AutoCAD作为一个专业绘图软件在机械、电子、建筑及航空等领域得到了广泛的应用,但是大多数AutoCAD的使用者只知道AutoCAD具有强大的绘图功能,却很少有人注意到AutoCAD中的一个非常有用的命令:几何计算器cal。和普通的计算器一样,cal几何计算器可以完成加、减、乘、除运算以及三角函数的运算。这使得用户在使用AutoCAD绘图过程中,可以在不中断命令的情况下用计算机进行算术运算,AutoCAD则将运算的结果直接作为命令的参数使用。但重要的是,与一般的计算器不同,AutoCAD几何计算器可以作几何运算。它可以作坐标点和坐标点之间的加减运算,可以使用AutoCAD的OSNAP模式捕捉屏幕上的坐标点参与运算,还可以自动计算几何坐标点。如计算两条相交直线的交点,计算直线上的等分点等。此外,AutoCAD几何计算器还具有计算矢量和法线的功能。一、Cal函数的计算功能运用在AutoCAD中,cal命令类似于一个普通的计算器,可以用来计算与加、减、乘、除等有关的标准数学表达式,并遵从运算表达式的标准数学运算次序。而且,cal命令还是一个透明名令,可以用来提供一个点或一个数。当我们透明执行该命令时,其计算结果被解释为AutoCAD命令的一个输入值。下面是透明执行计算器功能的一个实例。以(200,200)为圆心绘制半径为[(425-260)*(1/3)+sin(45)]的圆。 (1)在命令行输入:C,并按ENTER键;(2)命令行提示: “指定圆的圆心或[三点(3P)/两点(2P)/相切、相切、半径(T)]:”,输入(100,100)并按ENTER键; (3)命令行提示:“指定圆的半径或直径:”,此时输入:“cal”,并按ENTER键,然后输入表达式:(425-260)*(1/3)+sin(45)并按ENTER键; (4)命令行显示:41.9571。即AutoCAD以表达式的值41.9571为圆的半径绘制了一个圆。二、Cal函数在找点中的运用在使用AutoCAD绘图中,常常需要确定一些无法直接给出坐标的点。例如,任意两点间的中点,和任意方向直线相切的圆的圆心,以及直线上任意等分点等。这里可以充分利用AutoCAD的cal函数的几何运算功能,在AutoCAD绘图中实现这些点的快速定位。下面是利用AutoCAD的cal函数的几何运算功能实现在AutoCAD绘图中经常遇到的一个快速定位的实例。例如,要从一个圆心距一直线的端点之间的2/3处为起点画一直线。操作过程如下:Command: line From point: 'cal (起动几何计算器) Expression: plt(cen,end,2/3)(输入表达式,这里计算器把OSNAP的cen和end模式当作点坐标的临时存储单元) Select entity for CEN sanp:(用光标捕捉圆心) Select entity for END snap:(用光标捕捉直线的端点) To point:其他的目标捕捉模式,如int、ins及tan等均可在几何计算表达式中使用。