Sass函数:数字函数-percentage()

1、percentage()

percentage()函数主要是将一个不带单位的数字转换成百分比形式:

>> percentage(.2)
20%
>> percentage(2px / 10px)
20%
>> percentage(2em / 10em)
20%
>>
.footer{
    width : percentage(.2)
}

编译后的 css 代码:

.footer{
    width : 20%
}

如果您转换的值是一个带有单位的值,那么在编译的时候会报错误信息:

>> percentage(2px / 10em)
SyntaxError: $value: 0.2px/em is not a unitless number for `percentage‘

原文地址:https://www.cnblogs.com/qjuly/p/9106151.html

时间: 2024-09-29 23:42:31

Sass函数:数字函数-percentage()的相关文章

sql的基础语句-单行函数,dual,数字函数,日期函数,表连接,集合运算,分组报表,单行子查询,多行子查询

3. 单行函数 3.1 转换函数 select ascii('A'),chr(65) from dual; select to_char(1243123),1231451 from dual;靠左边的就是字符串,靠右边的就是数字 select to_char(123512a121) from dual;   --错误的写法,没有引号表示数字,但是数字里面包含了字母,不合法的输入值 select to_number('123141211') from dual; select to_number(

ORACLE函数之单行数字函数

 1.           ABS(X) 返回X的绝对值 SQL>SELECT ABS(-1) A,ABS(1) B,ABS(0) C FROM DUAL; A          B          C -------------------- ---------- 1          1          0 2.          ACOS(X) 返回X的反余弦值 SQL>SELECT ACOS(0) A,ACOS(0.5) B,ACOS(1) C FROM DUAL; A    

Oracle函数-单行函数-数字、日期、日期处理函数

函数的分类 单行函数:一个input对应一个output,input和output存在一一对应的关系 如lower 组函数:多个input,但是只对应一个output.如 sum() ============================================================== 单行函数 特点: 每行返回一个结果,输入输出存在一一对应的关系 能嵌套使用 ,一个函数的输出能做另外一个函数的输入 如:select lowner(upper('aa')) from dua

numtoyminterval函数——数字转换函数

numtoyminterval函数——数字转换函数 ----转至51CTO 水滴的博客  语法:NUMTOYMINTERVAL ( n , 'char_expr' )              char_expr:日期描述,可以是YEAR和MONTH: 作用:可以将数字转换成相应的日期单位时间 比如:NUMTOYMINTERVAL ( 1, 'MONTH' ) 表示一个月              NUMTOYMINTERVAL ( 1, 'YEAR' ) 表示一年 通常当我们使用add_mon

Sass函数--列表函数

列表函数简介 列表函数主要包括一些对列表参数的函数使用,主要包括以下几种: length($list):返回一个列表的长度值: nth($list, $n):返回一个列表中指定的某个标签值  join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表: append($list1, $val, [$separator]):将某个值放在列表的最后: zip($lists…):将几个列表结合成一个多维的列表: index($list, $value):返

Sass函数--颜色函数--Opacity函数

Opacity函数简介 在 CSS 中除了可以使用 rgba.hsla 和 transform 来控制颜色透明度之外,还可以使用 opacity 来控制,只不过前两者只是针对颜色上的透明通道做处理,而后者是控制整个元素的透明度. 在 Sass 中,也提供了系列透明函数,只不过这系列的透明函数主要用来处理颜色透明度:  alpha($color) /opacity($color):获取颜色透明度值: rgba($color, $alpha):改变颜色的透明度值: opacify($color, $

oracle数字函数

数字函数1,取整函数(ceil 向上取整,floor 向下取整)   select ceil(66.6) N1,floor(66.6) N2 from dual; 2, 取幂(power) 和 求平方根(sqrt)   select power(3,2) N1,sqrt(9) N2 from dual; 3,求余   select mod(9,5) from dual; 4,返回固定小数位数 (round:四舍五入,trunc:直接截断)   select round(66.667,2) N1,

SQL 数字函数

1.ABS(X) 取绝对值函数 2.MOD(X,Y) 取余数 mod(4,3) =1 mod(3,4)=3 3.CEIL(X) 返回大于 或者等于X的最小整数 4.FLOOR(X) 返回小于或者等于X的最大整数 5.POWER(X,Y) 返回X的Y次幂 6.SQRT(X) 返回X的平方根 7.ROUND(X,[Y]) 返回对X的取整结果,可选参数Y表示对小数点后的第几位取整.四舍五入 8.SIGN(X) X小于零返回-1,X大于零返回1 9.COS(X) 余弦值 10.ACOS(X) 反余弦值

Sass Maps的函数

Sass Maps的函数 前面介绍了使用 map 来管理变量,但要在 Sass 中获取变量,或者对 map 做更多有意义的操作,我们必须借助于 map 的函数功能.在 Sass 中 map 自身带了七个函数: map-get($map,$key):根据给定的 key 值,返回 map 中相关的值. map-merge($map1,$map2):将两个 map 合并成一个新的 map. map-remove($map,$key):从 map 中删除一个 key,返回一个新 map. map-key

mysql函数(二.数字函数)

数字函数 1.ROUND(X) 四舍五入取整数 ROUND(X,D) 四舍五入根据D=几,来保留几位小数 (1)四舍五入取整数 select ROUND(1.567);    结果:2 (2)四舍五入根据D=2,来保留2位小数 select ROUND(1.567,2)DESC; 结果:1.57 2.CEIL(X) 向上取整数 (1)向上取整数 select CEIL(1.567);    结果:2 3.FLOOR(X) 向下取整数 (1)向下取整数 select FLOOR(1.567);