SASS的基本运算
来源:互联网 发布:数据统计ppt模板 编辑:程序博客网 时间:2024/04/30 19:45
一、减法
二、加法
加号可以不需要空格隔开,test.scss中
1 $test-width1: 100px;2 $test-width2: 200px;3 $test-width3: 300px;4 5 .test {6 width: $test-width1+$test-width2+ $test-width3;7 margin: 0 auto;8 }test.css中的结果:
1 .container {2 width: 600px;3 margin: 0 auto; }
另外,加号还可以做字符串连接。带引号的字符串在 + 号左侧,结果是一个有引号的字符串;没有引号的字符串在 + 号左侧,结果是一个没有引号的字符串。(如果中文乱码,可在文件头部写入:@charset "UTF-8";)
1 p:before {2 content: "Foo " + Bar;3 font-family: sans- + "serif";4 }
结果:
1 p:before {2 content: "Foo Bar";3 font-family: sans-serif; }
三、乘法
能够支持多种单位(比如 em ,px , %),多个数值只需要为一个数值提供单位即可,否则报错。
四、除法
由于"/"在css中已有用途,因此需要在运算外层加上括号(),除法的使用情况总结,如下:
1 p {2 font: 10px/8px; // 纯 CSS,不是除法运算3 $width: 1000px;4 width: $width/2; // 使用了变量,是除法运算5 width: round(1.5)/2; // 使用了函数,是除法运算6 height: (500px/2); // 使用了圆括号,是除法运算7 margin-left: 5px + 8px/2px; // 使用了加(+)号,是除法运算8 }
0 0
- SASS的基本运算
- 1-5 Sass的基本特性-运算
- 1-5 Sass的基本特性-运算
- 1-5 Sass的基本特性-运算
- Sass 的基本特性
- sass运算
- SASS学习——SASS的基本用法
- SASS\SCSS 避免运算的方法
- 1-4 Sass的基本特性-基础
- 1-4 Sass的基本特性-基础
- 1-4 Sass的基本特性-基础
- Sass基本特性--运算(加法、减法、乘法、除法、变量运算、数字运算、颜色运算、字符运算)
- 10天精通Sass 之 Sass运算
- SASS基本语法
- Sass入门-基本特性
- SASS基本用法
- sass基本用法
- sass基本操作
- ssh备份与解压
- NGUI所见即所得之UIPanel
- AsyncHTTPClient和requests库为什么不关闭连接?
- 枚举(存储常量)
- ES权威指南_03_Dealing with Human Language_06 Synonyms
- SASS的基本运算
- spring mvc 单独接收数组参数
- android悬浮窗权限相关
- Deep Learning Online Courses/Tutorials
- xgboost介绍
- 推荐:程序员必读书单
- ES权威指南_03_Dealing with Human Language_07 Typoes and Mispelings
- 【studio导入项目遇到问题一】Error:failed to find Build Tools revision 21.1.1
- NGUI所见即所得之UICamera