-
normalize核心模块 base：用来统一HTML和body标签的字体，文字大小调整、边距等等。 html5：统一html5中新增的元素的展现形式 links：统一a便签的样式修饰，去掉hover和active时候的边线。 typography：统一b、strong、sub、sup等段落文本的样式修饰。 embeds：统一img，svg等标签的样式修饰（比如统一img标签的border为0 ） groups：统一figure、pre、code等标签的样式 forms：统一form相关的button、input、等标签的样式 tables：统一table相关的table、td、th等标签的样式查看全部
-
解决各浏览器默认样式不同，引入normalize解决查看全部
-
require 'compass/import-once/activate'防止再次插入被引入文件 如果真的需要引入多次在引入后面加感叹号“!”，实例@import "compass/reset!" 注释的最前面加感叹号“!”,防止压缩文件注释丢失查看全部
-
compass 内置了browser()函数; 返回浏览器的列表。 命令行中 compass interactive 中断compass watch 查看浏览器版本browser-versions();查看全部
-
require 'compass/import-once/activate'防止再次插入被引入文件 如果真的需要引入多次在引入后面加感叹号“!”，实例@import "compass/reset!" 注释的最前面加感叹号“!”,防止压缩文件注释丢失查看全部
-
normalize核心模块查看全部
-
compass核心模块查看全部
-
@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")查看全部
-
安装normalize -npm install normalize.css -component(bower) install normalize.css -gem install compass-normalize ·引入插件 config.rb 'conpass-normalize' ·使用compressed输出格式时不想注释被隐藏掉，/*！在注释里面加"!"号*/ 比如 @import "compass/reset!"; 当使用compressed格式时，会去掉标准的Sass和CSS注释及空格。我们可以在注释前面加一个！避免删除。 /*！ */ compass compile编译 Normalize核心模块 ·base模块：统一html body字体文字大小边距 ·html5：统一html5的元素 ·links：统一a标签的样式，去掉边线 ·typography:统一段落文本样式 ·embeds:统一img、svg样式，比如border:0 ·groups：统一 ·forms：统一文字 ·tables：统一表格的标签 分模块引入 @import "normalize-version" @import "normalize/html5"; @import "compass/reset" 相当于 @import "compass/reset/utilities" @include global-reset();查看全部
-
Reset重置样式 Layout页面布局控制能力 只有这两个模块需要指定引入 五大类模块 ·CSS3：提供跨浏览器的CSS3能力 ·Helpers：内含一系列函数 ·Typography：修饰文本样式 ·Utilities辅助函数，多为mixin Browser：配置compass默认支持哪些浏览器，支持到哪个版本，一旦修改即影响其他模块的输出查看全部
举报
0/150
提交
取消