网站专题BANNER

sass之Compass

发表日期:2020-08-11 文章编辑:洛壹网络 文章来源:深圳网站建设
在电脑配置好sass的环境好在cmd输入以下指令


sudo gem install compass


如果使用的是Windows系统,那么要省略前面的sudo(一般情况下compass连同sass是一起装好的)


 compass create myproject创建第一个项目


compass 内置的五个模块

  * reset
  * css3
  * layout
  * typography
  * utilities


启用模块方式在sass文件开头引入即可

@import "compass/reset";



*reset*

compass重置复位样式,虽然实用但是由于版本过于老,很多样式不能完全清除,建议不使用



*css3*


该模块提供了19种CSS3命令,可以有效的对一些基础属性直接引用,补全该属性的厂商前缀。

需要记住19个命令

引用方法

@include border-radius(5px);



*layout*


该模块提供布局功能


可以指定footer固定在页面底部,也可以指定子元素撑满父级


相关内容
我们
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器