Compass的誤解與新發現

最後我的感受 Compass是 css世界的.NET

好久之前看到 Compass 誤覺得是css編譯器，由於老是在看到如何安裝Scss的文章裏面看到的

知道最近不當心進入 Compass官網溜達，才發現

The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example border-radius and text-shadow.

What rendering engines you support for the experimental css properties is governed by the configurable variables defined in the browser support module.

This file can be imported using: @import "compass/css3"

應爲雖然不是很懂，可是module provides 基本就明白了Compass最起碼是一個css類庫，跨瀏覽器的類庫，比如jq屏蔽了dom在不一樣瀏覽器下的差別,.NET屏蔽了不懂win操做系統api的差別，對外提供了大量可用的一致的api，心想我要是早幾年進官網，個人css會不會更好點

看了官網和一些資料，對Compass的瞭解和印象以下

Compass is an open-source CSS Authoring Framework.    ------------------Compass 是一個開源的CSS製做框架。

優勢： 擁有大量寫css的最佳實踐，寫css變的更加輕鬆

另外：Compass的確是Sass的編譯器

Compass 包含的主要模塊，Buttons 、Colors 、Debug 、Fancy Type 、Form 、Grid 、Interaction、 Internet Explorer 、Link Icons 、Liquid
、Print 、Reset 、Rtl 、Scaffolding 、Typography 、Utilities

看這名字是否是和vs左側工具欄很像，其中有些生僻字谷歌看看，結果悲劇了

使人遺憾的是 這個名字起得 例如 谷歌搜索Compass 模塊，不知道是我搜索的不對仍是什麼問題

比較好奇的是這幾個模塊

Blueprint Fancy Type：Fancy Typography for your website.     爲站點提供基礎的文字樣式

Blueprint Debug：Styles for debugging your grid alignments   css 居然能夠調試了！

Blueprint Interaction：Some classes that are used in common website interactions.  提供通用的css

Blueprint Liquid：Import this to have a liquid grid. 引入自適應特性

Blueprint Scaffolding：Training wheels... So that your site doesn't look too bad when you're starting out.

Blueprint Typography：A base typography for your website that follows a typographic rhythm. 排版相關

Blueprint Utilities：Some utility classes. 工具類

Compass 的核心由 CSS三、輔助類、佈局類、排版類、工具類 組成

                                 css3 、Helpers、 Layout Layout 、Typography、 Utilities

有人也許會問 Compass 看起來比較複雜的感受，幹嗎綁上Compass的戰車呢？

這就像有了.NET你也用win32api作網站，寫桌面程序？