Compass的误解与新发现

  1. 云栖社区>
  2. 博客>
  3. 正文

Compass的误解与新发现

互联网fans 2014-04-12 11:15:00 浏览760
展开阅读全文

最后个人感觉 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 模块,不知道是我搜索的不对还是什么问题

image

比较好奇的是这几个模块

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 的核心由 CSS3、辅助类、布局类、排版类、工具类 组成

                                 css3 、Helpers、 Layout Layout 、Typography、 Utilities

有人也许会问 Compass 看起来比较复杂的感觉,干嘛绑上Compass的战车呢?

这就像有了.NET你也用win32api做网站,写桌面程序?

test

网友评论

登录后评论
0/500
评论
互联网fans
+ 关注