

首页  思维导图  详情



css 预处理之sass

2020-09-22 21:50:24   0  举报





AI智能生成

css预处理sass与差异

sass

CSS3

软件开发

模版推荐

作者其他创作

大纲/内容

与less区别

不同

运行环境

作用域

命名

条件语句

sass具有函数概念

数据结构

处理机制

相同

sass

申明变量

$c-color: red

混合（mixin）

定义一个Mixins模块，在模块内你可以添加任何你想重复使用的样式

传参

参数设置默认值

向Mixin传递样式片段

继承

描述：

继承是SASS中非常重要的一个特性

可以通过@extend指令在选择器之间复用CSS属性，并且不会产生冗余的代码

子主题

结果

操作符

描述：

SASS提供了标准的算术运算符，例如+、-、*、/、%

函数

区别

使用@ectend会产生dry风格代码

@extend会增加选择器之间的联系，然后把他们堆在一起

你正在为一些相关的元素设置样式，就拿一组按钮来说，<br>使用@extend让他们共享样式看起来合情合理

但是如果这些被复用的样式片段并不仅仅局限于相关的元素，那么使用@mixin或许更好

@mixin它能够接受参数

作用域不同

 Collect

Get Started

sass数据库

 Collect

Get Started

Sass入门

 Collect

Get Started

预处理

 Collect

Get Started

数据与数据预处理





0 条评论

下一页