css栅格化

• @mixin cube正方形

• rect长方形

• circle圆形

• bg背景色

• @include bg()

  @for $index from 1 through 3{
  @debug #index
  }

• 插值：#{$index}
  选择器{
  属性：值；
  }

  监视transition:all .8s ease 0.2s;

apple 四个div横排那里
鼠标滚下来打的时候依次透明度从0到1的动画
利用栅格化响应式的解决方案

利用栅格化实现响应式布局
1.响应式
@media srceen and(max-width:500px){
.content{
background:#c40021;
}
}
2.栅格化
.col-lg-3{
width:percentage(3/12);
float:left;
}
3.利用栅格化实现响应式布局

sm md lg