sass
文章平均质量分 69
瞬间的醒悟
无奇不有
展开
-
Sass @extend 与 继承
extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。如果一个样式与另外一个样式几乎相同,只有少量的区别,则使用 @extend 就显得很有用。以下 Sass 实例中,我们创建了一个基本的按钮样式 .button-basic,接着我们定义了两个按钮样式 .button-report 与 .button-submit,它们都继承了 .button-basic ,它们主要区别在于背景颜色与字体颜色,其他的样式都是一样的。原创 2023-04-23 09:29:18 · 449 阅读 · 0 评论 -
Sass @mixin 与 @include
混入(mixin)通过 @mixin 指令来定义。... }原创 2023-04-21 09:18:31 · 502 阅读 · 0 评论 -
Sass @import
Sass 可以帮助我们减少 CSS 重复的代码,节省开发时间。我们可以安装不同的属性来创建一些代码文件,如:变量定义的文件、颜色相关的文件、字体相关的文件等。原创 2023-04-21 09:18:10 · 737 阅读 · 1 评论 -
Sass 嵌套规则与属性
Sass 嵌套 CSS 选择器类似于 HTML 的嵌套规则。原创 2023-04-21 09:17:14 · 250 阅读 · 0 评论 -
sass教程之--sass变量
变量用于存储一些信息,它可以重复使用。Sass 变量使用 $ 符号:以下实例设置了四个变量:myFont, myColor, myFontSize, 和 myWidth。原创 2023-04-07 13:46:34 · 574 阅读 · 0 评论 -
sass教程之--sass的安装
本章节我们主要介绍 Sass 的安装与使用。我们可以使用 npm(NPM 使用介绍)来安装 Sass。 npm install -g sass 注:国内 npm 建议使用淘宝镜像来安装,参考:NPM 国内慢的问题解决我们可以使用 Windows 的包管理器 Chocolatey 来安装: choco install sass Mac OS X (Homebrew)安装 Mac OS 可以使用 Homebrew 包管理器来安装: brew install sass/sass/sass 更多安装方法可以原创 2023-04-07 13:42:37 · 672 阅读 · 0 评论 -
sass教程之--介绍
ass (英文全称:Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语言。Sass 是一个 CSS 预处理器。Sass 是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。Sass 完全兼容所有版本的 CSS。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。原创 2023-04-07 13:35:57 · 329 阅读 · 0 评论