珊迪·奇克斯 - 博客园

2018年6月4日

摘要：相当于JS中的if(不完全是)，满足条件后才能匹配编译成css 在来一个例子：编译成css @_ 代表不管选择的是谁都带上这个样式编译成css 阅读全文

posted @ 2018-06-04 23:02 珊迪·奇克斯阅读(156) 评论(0) 推荐(0) 编辑

摘要： Less的混合：混合可以将一个定义好的class A轻松的引入到另一个class B中，从而简单实现class B继承class A中的所有属性。我们还可以带参数地调用，就像使用函数一样。编译成css后：有时候我们需要加一个宽度和高度,但宽度和高度有的是100px的有的是300px的这时候就可以阅读全文

posted @ 2018-06-04 22:15 珊迪·奇克斯阅读(213) 评论(0) 推荐(0) 编辑

less: 变量

摘要：在Less中声明变量方式是使用@符号编译成css后阅读全文

posted @ 2018-06-04 22:05 珊迪·奇克斯阅读(115) 评论(0) 推荐(0) 编辑

less:注释

摘要： less有两种注释方法,一种是// 一种是/**/ 这两者的区别是/**/是会被编译成css里面,而//则不会举个例子(使用的less在线编译器) 我们看到//注释并没有编译到css里面阅读全文

posted @ 2018-06-04 21:55 珊迪·奇克斯阅读(135) 评论(0) 推荐(0) 编辑

2018年6月3日

Sass:@error

摘要： @error 和 @warn、@debug 功能是如出一辙。编译的时候：阅读全文

posted @ 2018-06-03 15:34 珊迪·奇克斯阅读(120) 评论(0) 推荐(0) 编辑

Sass @warn

摘要： @warn 和 @debug 功能类似，用来帮助我们更好的调试 Sass。如：阅读全文

posted @ 2018-06-03 12:12 珊迪·奇克斯阅读(131) 评论(0) 推荐(0) 编辑

Sass @debug

摘要： @debug 在 Sass 中是用来调试的，当你的在 Sass 的源码中使用了 @debug 指令之后，Sass 代码在编译出错时，在命令终端会输出你设置的提示 Bug: 会输出：阅读全文

posted @ 2018-06-03 12:10 珊迪·奇克斯阅读(202) 评论(0) 推荐(0) 编辑

Sass:@at-root

摘要： @at-root 从字面上解释就是跳出根元素。当你选择器嵌套多层之后，想让某个选择器跳出，此时就可以使用 @at-root。来看一个简单的示例：编译出来的CSS 阅读全文

posted @ 2018-06-03 12:07 珊迪·奇克斯阅读(184) 评论(0) 推荐(0) 编辑

Sass-@extend

摘要： Sass 中的 @extend 是用来扩展选择器或占位符。比如：被编译为：扩展选择器： @extend 不止扩展类选择器，还可以扩展任何选择器，比如 .special.cool, a:hover, 或 a.user[href^=“http://“]，例如：编译出来：再来看一个复杂点的：编译阅读全文

posted @ 2018-06-03 11:55 珊迪·奇克斯阅读(197) 评论(0) 推荐(0) 编辑

sass @import 规则

摘要： @import 根据文件名引入。默认情况下，它会寻找 Sass 文件并直接引入，但是，在少数几种情况下，它会被编译成 CSS 的 @import 规则：如果文件的扩展名是 .css。如果文件名以 http:// 开头。如果文件名是 url()。如果 @import 包含了任何媒体查询（m 阅读全文

posted @ 2018-06-03 11:44 珊迪·奇克斯阅读(469) 评论(0) 推荐(0) 编辑

2018年6月2日

Opacity函数-transparentize()、 fade-out()函数

摘要： transparentize() 和 fade-out() 函数所起作用刚好与 opacify() 和 fade-in() 函数相反，让颜色更加的透明。这两个函数会让透明值做减法运算，当计算出来的结果小于 0 时会以 0 计算，表示全透明。阅读全文

posted @ 2018-06-02 14:42 珊迪·奇克斯阅读(201) 评论(0) 推荐(0) 编辑

Sass函数：Opacity函数-opacify()、fade-in()函数

摘要：这两个函数是用来对已有颜色的透明度做一个加法运算，会让颜色更加不透明。其接受两个参数，第一个参数是原始颜色，第二个参数是你需要增加的透明度值，其取值范围主要是在 0~1 之间。当透明度值增加到大于 1 时，会以 1 计算，表示颜色不具有任何透明度。其中 fade-in( ) 函数又名 fade_i 阅读全文

posted @ 2018-06-02 14:36 珊迪·奇克斯阅读(441) 评论(0) 推荐(0) 编辑

Sass-Opacity函数-rgba()函数

摘要：在前面介绍 RGB 函数一节中，还记得吗？有一个 rgba() 函数可以创建一个颜色，同时还可以对颜色修改其透明度。其可以接受两个参数，第一个参数为颜色，第二个参数是你需要设置的颜色透明值。阅读全文

posted @ 2018-06-02 14:27 珊迪·奇克斯阅读(233) 评论(0) 推荐(0) 编辑

Sass:Opacity函数-alpha()、opacity()函数

摘要： alphpa() 和 opacity() 函数很简单，与前面介绍的 red(),green() 等函数很类似。这个函数的主要功能是用来获取一个颜色的透明度值。如果颜色没有特别指定透明度，那么这两个函数得到的值都会是 1：阅读全文

posted @ 2018-06-02 14:25 珊迪·奇克斯阅读(244) 评论(0) 推荐(0) 编辑

Sass:RGB颜色函数-Mix()函数

摘要： Mix 函数是将两种颜色根据一定的比例混合在一起，生成另一种颜色。其使用语法如下： $color-1 和 $color-2 指的是你需要合并的颜色，颜色可以是任何表达式，也可以是颜色变量。 $weight 为合并的比例（选择权重），默认值为 50%，其取值范围是 0~1 之间。它是每个 RGB 的阅读全文

posted @ 2018-06-02 13:47 珊迪·奇克斯阅读(11019) 评论(0) 推荐(3) 编辑

keep

公告