字符串函数

字符串函数-unquote()函数

unquote($string)：删除字符串中的引号

比如：

.test1 {
    content:  unquote('Hello Sass!') ;
}
编译： .test1 {
  content: Hello Sass!; }

unquote( ) 函数只能删除字符串最前和最后的引号（双引号或单引号），而无法删除字符串中间的引号。如果字符没有带引号，返回的将是字符串本身

quote($string) ：给字符串添加引号。

比如

//SCSS
.test1 {
    content:  quote('Hello Sass!');
}
//CSS
.test1 {
  content: "Hello Sass!";
}

使用 quote() 函数只能给字符串增加双引号，而且字符串中间有单引号或者空格或者 碰到特殊符号时，需要用单引号或双引号括起，否则编译的时候将会报错。

字符串函数-To-upper-case()、To-lower-case()

To-upper-case() 函数将字符串小写字母转换成大写字母：

//SCSS
.test {
  text: to-upper-case(aaaaa);
  text: to-upper-case(aA-aAAA-aaa);
}
//CSS
.test {
  text: AAAAA;
  text: AA-AAAA-AAA;
}

To-lower-case() 函数 与 To-upper-case() 刚好相反，将字符串转换成小写字母

数字函数

数字函数-percentage()

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

.footer{
    width : percentage(.2)
}
//css
.footer{
    width : 20%
}

数字函数-round()函数

round() 函数可以将一个数四舍五入为一个最接近的整数：

.footer {
   width:round(12.3px)
}
//css
.footer {
  width: 12px;
}

数字函数-ceil()函数

ceil() 函数将一个数转换成最接近于自己的整数，会将一个大于自身的任何小数转换成大于本身 1 的整数。也就是只做入，不做舍的计算：

.footer {
   width:ceil(12.3px);
}
/css
.footer {
  width: 13px;
}

数字函数-floor()函数

floor() 函数刚好与 ceil() 函数功能相反，其主要将一个数去除其小数部分，并且不做任何的进位。也就是只做舍，不做入的计算

数字函数-abs()函数

abs( ) 函数会返回一个数的绝对值

数字函数-min()函数、max()函数

min() 函数功能主要是在多个数之中找到最小的一个，这个函数可以设置任意多个参数。 在 min() 函数中同时出现两种不同类型的单位，将会报错； max() 函数用来获取一系列数中的最大那个值

数字函数-random()函数

random() 函数是用来获取一个随机数

results matching ""

    No results matching ""