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

css3 、Helpers、 Layout Layout 、Typography、 Utilities

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

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

转载于:https://www.cnblogs.com/qqloving/p/3660166.html

Compass的误解与新发现相关推荐

  1. 编辑视角下,论文摘要、引言、结论怎么写?

    编辑视角下,论文摘要.引言.结论怎么写? 姚巍,朱金才.关于摘要.引言及结尾写法的思考 [A]. 华东地区高等院校自然科学学报编辑协会.学报编辑论丛(第十一集)[C].: 华东地区高校学报研究会,20 ...

  2. compass安装使用960 Grid System

    960 Grid System 是一个CSS的页面布局框架 demo:  http://960.gs/demo.html 前提:安装Ruby .NodeJS 步骤1:在命令行下安装css插件: gem ...

  3. 中小企业对于云计算的3大误解

    在本文中,CIO.com网站的Paul Mah将为广大读者破除中小型企业对于云计算采用的三大的误区. 现如今,中小企业的创业道路可谓是举步维艰,而试图推动中小企业的进一步成长更是一件难上加难的事情.但 ...

  4. 对于5G通信 我们可能都有一点误解

    "4G都还没用上,5G就要来了?"."5G来了?那么房子不是一夜归移动,一小时估计就能归移动了",这是我在很多关于5G文章下能找到最多的评论.在移动行业里面,已 ...

  5. 肝了3版才满意:分布式系统之CAP理论,我们对它的理解和误解

    引言 CAP 理论,相信很多人都听过,它是指: 一个分布式系统最多只能同时满足一致性(Consistency).可用性(Availability)和分区容错性(Partition tolerance) ...

  6. 西湖大学鞠峰组:环境微生物的宏基因组学实例与新发现

    环境微生物的宏基因组学实例与新发现 鞠峰1, 2, 3 *, 王慧1, 2 1 浙江省海岸带环境与资源研究重点实验室,工学院, 西湖大学, 杭州, 浙江 2  前沿技术研究所, 浙江西湖高等研究院, ...

  7. Mol Plant | 中科院遗传与发育生物学研究所周俭民课题组报道了细菌效应蛋白在植物细胞内诱导免疫受体ZAR1寡聚的新发现...

    2020年3月16日,Molecular Plant在线发表中国科学院遗传与发育生物学研究所周俭民课题组题为"Bacterial effectors induce oligomerizati ...

  8. 订单少落地难:被误解的人工智能

    人工智能落地现状 2020年人工智能依然是一个非常热的话题.中美的科技巨头以及很多跨国企业都把人工智能作为其战略发展的重要布局,国家层面也出台政策重点发展人工智能产业.2019年,中国人工智能专利申请 ...

  9. 关于自动驾驶汽车的7大误解

    https://www.toutiao.com/a6701453115930968579/ 在这里,我们就介绍一下有关自动驾驶汽车的7个真相-- 据外媒报道,自动驾驶汽车有望成为一项具颠覆性的技术,给 ...

最新文章

  1. lsof查看占用高_linux lsof命令查看文件占用进程
  2. 杨建:网站加速--内容简介
  3. CF1375F-Integer Game【交互】
  4. python网页结构分析_Python爬虫基础之网页组成解析
  5. 20组免费的用户界面图标,开发者必备
  6. 2.24. Spring boot with Apache Kafka
  7. vr设备应用程序_在15分钟内构建一个VR Web应用程序
  8. 【精品】Deepsort文章深度解析
  9. 互联网分布式微服务云平台规划分析--SSO单点登录系统
  10. jquery 筛选不到 checkbox, radio 表单元素
  11. 【Go语言】【11】GO语言的包和函数
  12. 【regresson下】L1 loss和L2 loss和Smooth L1 Loss的比较
  13. apache 的batik生成svg文件和通过swing界面查看效果
  14. Mycat生产实践---分表分库案例
  15. oracle 导入 imp-00008,imp导入文件时报大量的imp-0008错误
  16. dau计算公式_如何预估一个产品的日活(DAU)?
  17. 【词库管理】新词提取小工具
  18. 企业内部搭建OpenVirtualPrivateNetwork快速入门
  19. HCIE-RS论述BGP路由黑洞
  20. rpc wmi 服务不可用_“RPC服务器不可用”使用WMI查询

热门文章

  1. 页面导入样式时,使用link和@import有什么区别?
  2. Linux---信号及其使用简单讲解
  3. C++---基于ffmpeg实现视频播放器(一)
  4. 【Vue2.0】—常用的内置指令(九)
  5. JavaScript学习(八十一)—将多维数组转化为一维数组
  6. 都说如果朋友都是有钱人,你也会更容易发财
  7. 今天跟某个投了社区团购的资本合伙人聊,发现对于社区团购的认知,还是太肤浅
  8. 在谈判中别无选择的时候,怎么办?
  9. 是什么在主宰着我们自身的行动?
  10. 职场中混日子的人都有这几种习惯