css栅格化

那年仲夏 提交于 2020-01-06 17:30:16
  • @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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!