CleverCSS有什么用

这篇文章主要介绍CleverCSS有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

CleverCSS是一个用于css的小型标记语言,从Python得到灵感,采用通过简单和干净的结构方式,它可用于以整洁和结构化的方式创建一个样式表;CleverCSS与css最明显的区别是句法,它基于缩进而且不单调。

CleverCSS是一个用于css的受Python启发的小型的标记语言,它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。

CleverCSS与css最明显的区别是句法:它基于缩进而且不单调。虽然这显然违反了Python的规则,它依然是组织样式的很好的主意。

<强>一个小例子:

ul #评论,ol #评论: 　　保证金:0 　　填充:0 　　 　　李: 　　填充:0.4 em 　　利润:0.8 em 0 0.8 em 　　 　　h4: 　　字体大小:1.2 em 　　病人: 　　填充:0.3 em 　　p.meta: 　　text-align:对 　　颜色:# ddd

但是,你也可以使用属性:

#主要p: 　　字体→ 　　家庭:Verdana字体诞生了 　　大小:1.1 em 　　风格:斜体

定义常量:

background_color=# ccc 　　 　　#主要: 　　background: $ background_color

隐式串接:

填充:$ foo + 2 + 3 $ foo - 2//返回:填充:15 8;如果$ foo是10

计算:

///值计算与数字 　　42 px + 2→44像素 　　10 px * 2→20 px 　　1厘米+ 1毫米→11毫米 　　(1 + 2)* 3→9//字符串连接 　　foo +栏→foobar 　　“哭blah"+“baz"→& # 39;哭blahbaz& # 39;//也可以用数字计算: 　　# fff - # ccc→# 333333 　　cornflowerblue——珊瑚→# 00169 d//还可以添加或减去一个数,它将为所有三个频道(红、绿、蓝): 　　深红色- 20→# c80028

以上是CleverCSS有什么用的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

CleverCSS有什么用