课程/Sass/Less/前端开发
Sass和Compass必备技能之Compass
-
-
侠客岛的含笑
2017-04-29
- @import "compass/layout"; 有三个模块,如下:
@import "compass/layout/grid-background";定高,定宽,或者自适应的背景
@import "compass/layout/sticky-footer";提供页面中的页脚部分始终处于最底部的能力
@import "compass/layout/stretching";用于拉伸填满整个父容器的能力
@include stretch($offset-top: 0,0,0,0);(使用绝对定位)
@include sticky-footer(30px,"#my-root","#my-root-footer","#my-footer")
-
截图
1赞 · 1采集
-
-
岸芷汀兰_0004
2016-08-19
- Grid Background:定宽,定高,自适应的格式背景。
-
0赞 · 0采集
-
-
岸芷汀兰_0004
2016-08-19
- 1、@include strech();拉伸在父元素中沾满。
2、footer粘钩。
-
0赞 · 0采集
-
-
瑞雪_
2016-04-28
- layout模块使用率最低。normalize下载失败,淘宝镜像仍旧没有换好
-
0赞 · 0采集
-
-
baby2013
2016-01-23
- @import "compass/layout/grid-background";
@import "compass/layout/sticky-footer";
@import "compass/layout/stretching";
-
0赞 · 0采集
-
-
重行行
2016-01-14
- include stretch() //绝对定位填充
-
0赞 · 0采集
-
-
慕雪8090396
2015-12-03
- grid-background 栅格化
-
截图
0赞 · 0采集
-
-
慕雪8090396
2015-12-03
- sticky-footer
这个非常有效
-
截图
0赞 · 0采集
-
-
415qq邮箱
2015-04-28
- 关闭
-
0赞 · 0采集
-
-
skyver
2015-04-24
- 配置列的颜色:
$grid-background-column-color:rgba(255,0,0,.25);//设置一个半透明的红色
-
截图
0赞 · 0采集
-
-
skyver
2015-04-24
- sticky用来使我们的footer始终位于浏览器的最低端,当主体部分超出时始终位于最底部,
但必须采用固定机构
@import "compass/layout";
@include sticky-footer(30px);
自定义机构:
@include sticky-footer(30px,"#my-root","#my-root-footer","my-footer")
-
截图
0赞 · 0采集
-
-
skyver
2015-04-24
- 如果说reset模块是compass里用起来最简单的模块,那么layout为compass使用率最低的一个模块
grid-background
sticky-footer
stretching
使用:
@include stretch(5px,5px,5px,5px)
@include stretch($offset-top:5px,$offset-bottom"5px,$offset-left:5px,$offset-right:5px)
其他还有
stretch-y($offset-top,$offset-bottom)
stretch-x($offset-left,$offset-right)
-
截图
0赞 · 0采集