版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
第五章sass的语法特性三sass运算一.
Sass
运算概念:sass具有运算的特性，可以对数值型的Value(如：数字、颜色、变量等)进行加减乘除四则运算。请注意运算符前后请留一个空格，不然会出错。1:加法运算
sass做加法运算是可以不考虑参数带单位，但需要单位统一加号可以不需要空格隔开eg
:$sidebar-width:
220px;$content-width:
720px;$gap-width:20px;.container
{width:
$sidebar-width
+
$content-width
+
$gap-width;margin:
0
auto;}sass运算注:+号还可以做字符链接如果有引号的字符串被添加了一个没有引号的字符串（也就是，带引号的字符串在+符号左侧），结果会是一个有引号的字符串。同样的，如果一个没有引号的字符串被添加了一个有引号的字符串（没有引号的字符串在+符号左侧），结果将是一个没有引号的字符串。eg
:p:before
{content:
"Foo
"
+
Bar;font-family:
sans-
+
"serif";}sass运算2:减法运算减法符号的左右一定要有空格
eg:$full-width:
960px;$sidebar-width:
200px;.content
{width:
$full-width
-
$sidebar-width;}sass运算3:乘法运算如果进行乘法运算时，两个值单位相同时，只需要为一个数值提供单位即可(多个乘数中只需要一个乘数提供单位，否则报错)。eg
:.box
{width:
10px
*
2;}sass运算4:除法运算“/”符号在CSS中已做为一种符号使用。因此在Sass中做除法运算时，直接使用“/”符号做为除号时，将不会生效，编译时既得不到我们需要的效果，也不会报错。需要给运算的外面添加一个小括号()才能执行除法运算eg
:.box
{width:
(100px
/
2);}sass运算5:颜色运算-分段运算所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。(个人觉得颜色值的运算意义不是很大)eg
:p
{color:
#010203
+
#040506;}p
{color:
#010203
-
#040506;}p
{color:
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- GB/T 5169.10-2026电工电子产品着火危险试验第10部分：灼热丝/热丝基本试验方法灼热丝装置和通用试验方法
- 临港新区新建煤炭输送设备生产厂房项目可行性研究报告
- 国产人工耳蜗介绍课件
- 中药用磷酸氢钙生产车间建设项目可行性研究报告
- 歌唱启蒙课件
- 工程制作指南课件
- 方剂学及中药综合知识全真模拟试题及答案
- 土地登记代理人考试高频考点习题集及答案
- 建设工程招标代理机构资质认定模拟试卷及答案
- 高处作业安全操作证考试模拟试题及答案
- 2026年江西省建筑设计研究总院集团有限公司第二批岗位招聘11人考试备考题库及答案解析
- 2026年6月英语六级真题册（三套全）
- 重庆市政府采购评审专家真题库及参考答案
- 2026无人机植保飞防行业市场现状分析及效率提升与成本控制研究
- 污水处理设施运维服务投标方案(技术标)
- 月经保健门诊工作制度
- 2025-2026学年湖南省岳阳市岳阳楼区八年级（上）期末数学试卷（含答案）
- 疗愈经济蓝皮书2026-愈到研究院-202601
- 火电厂阀门课件
- 2025届四川省成都市高中高三一诊考试语文试卷含解析
- 宅基地转让协议书
评论
0/150
提交评论