-
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
提交
取消