摘要：1. 继承: @extend sass允许一个选择器，继承另一个选择器，通过@extend实现 注意：class2不仅会继承class1自身的所有样式，任何跟class1有关的组合选择器的样式也会被class2以组合选择器的形式继承 不要使用后代选择器 (.foo .bar) 去继承css规则 使用 阅读全文

摘要：1. 变量：SASS允许使用变量，所有变量以$开头。 变量声明：$highlight-color: #000; 注意：变量可以在css规则块定义之外存在。如下例子： 变量引用：css生成时，变量会被他们的值替代，以后只需要改变这个变量的值，所有引用变量的地方的值都会改变。 变量名用中划线还是下划线： 阅读全文

摘要：1. 什么是Sass ??? Sass是一个将脚本解析成CSS的脚本语言，也可以称为CSS扩展语言。 2. 安装： 第一步：先安装Ruby (sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby mac下自带Ruby无需在安装Ruby!) 安装过程中请注意勾选Add Ruby exe 阅读全文

摘要：上一篇讲过css动画transform transition的语法，这一节展示自己做的几个小例子加深印象 1. 线条动画效果 代码：最外层div包含2个小的div : a和b. a有左右边框(高度变化)， b有上下边框（宽度变化）, 默认不显示，鼠标移上去时，a的高度和b的宽度发生变化，交叉效果 2 阅读全文

摘要：刚看完一节慕课网的css动画，在此总结下 1. 先说下 transform、transition、translate的区别 transform 和 transition是css的2个属性，translate属于transform里的一个方法； 2.语法： transform有4个方法，分别是tran 阅读全文