zoukankan      html  css  js  c++  java
  • 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 模块,不知道是我搜索的不对还是什么问题

    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做网站,写桌面程序?

  • 相关阅读:
    Springboot 连接数据库
    线程专题 -- 线程的创建,状态,工作过程,常见方法
    MySQL中UPDATE语句里SET后使用AND的执行过程和结果分析
    SpringCloud | 通过电商业务场景让你彻底明白SpringCloud核心组件的底层原理
    避坑 | Java8使用并行流(ParallelStream)注意事项
    Spring--AOP、通知的执行顺序
    JVM--理解介绍
    JSF学习实战
    策略模式--实战1
    二叉树、二叉查找树、平衡树和红黑树概念
  • 原文地址:https://www.cnblogs.com/qqloving/p/3660166.html
Copyright © 2011-2022 走看看