Sass
wendZzz
若有需要请联系微信号:coolbigflower
微信公众号:前端一起学
展开
-
为何你选择使用Sass
我Sass对略微有点抵触,我更喜欢直接写css样式!我不需要使用它!此外,我确实不想给我的工作流程中增加额外的复杂的部分,因此我选择远离它。这就我们的常规想法,但是Sass(以及其他css预处理程序)确实是一个强大的工具,它可以让任何形式的样式都能够方便的引入开发工作中去。虽然他会花费我一些时间去熟悉、适应,但是我依然很乐于这样做。曾经我也困惑过:Sass会不会令我不敢去尝试怎么使用它。最初,...转载 2018-10-09 21:16:40 · 675 阅读 · 1 评论 -
Sass初认识
Sass定义CSS 预处理器定义的一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。官方Sass描述Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维...原创 2018-12-21 09:30:30 · 248 阅读 · 0 评论 -
Sass变量的定义和调用
Sass变量的定义声明变量的符号“$” 变量名称 赋予变量的值变量的分类变量可以大致分为普通变量;还有默认变量,也就是在后面添加一个!default;全局变量;局部变量。普通变量:$fontSize:12px;body{font-size:$fontSize;}默认变量:$baseLineHeight:1.5 !default;body{lin...原创 2018-12-21 09:39:00 · 4853 阅读 · 0 评论 -
Sass-嵌套
选择器嵌套选择器的嵌套需要防止滥用,根据以下html结构来解释以下何为选择器嵌套。结构:<header> <nav> <a href=“##”>Home</a> <a href=“##”>About</a> <a href=“##”>Blog&a原创 2018-12-28 13:38:07 · 378 阅读 · 0 评论 -
Sass-混合宏 VS 继承 VS 占位符 混合宏
混合宏如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass 可以使用变量来统一处理,那么这种选择还是不错的。但当你的样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目了。这个时候 Sass 中的混合宏就会变得非常有意义。@mixin 是用来声明混合宏的关键词,有点类似 CSS 中的 @media、@font-face 一样。不带参数混合宏@mixin...原创 2018-12-28 13:53:46 · 221 阅读 · 0 评论