资讯频道 → Web前端
阅读更多

5顶
1踩

Web前端

原创新闻 CleverCSS：用于CSS的小型标记语言

2009-05-27 11:22 by 副主编 zly06 评论(1) 有4435人浏览
CSS

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

CleverCSS是一个小标记饰语言用于CSS，从Python得到灵感，采用通过简单和干净的结构方式。在很多方面它都比CSS2整洁和强大。

与CSS最明显的区别是句法：它基于缩进而且不单调。显然这违反了Python的规则，但也不失为组织样式的一个好方法。

一个小例子： 
ul#comments, ol#comments:
  margin: 0
  padding: 0

  li:
    padding: 0.4em
    margin: 0.8em 0 0.8em

    h3:
      font-size: 1.2em
    p:
      padding: 0.3em
    p.meta:
      text-align: right
      color: #ddd


但是，你也可以使用属性： 

#main p:
   font->
    family: Verdana, sans-serif
    size: 1.1em
    style: italic


定义常量： 

background_color = #ccc
 
#main:
  background-color: $background_color


隐式串接： 
padding: $foo + 2 + 3 $foo - 2
 
// returns: padding: 15 8; if $foo is 10


计算： 
// calculations with numbers / values
42px + 2                    -> 44px
10px * 2                    -> 20px
1cm + 1mm                   -> 11mm
(1 + 2) * 3                 -> 9
 
// string concatenation
foo + bar                   -> foobar
"blub blah" + "baz"         -> 'blub blahbaz'
 
// You can also calculate with numbers:
#fff - #ccc                 -> #333333
cornflowerblue - coral      -> #00169d
 
// You can also add or subtract a number from it and it will do so for all three channels (red, green, blue):
crimson - 20                -> #c80028


点击查看详情：http://sandbox.pocoo.org/clevercss/
来自: ajaxian
5
顶
1
踩
评论 共 1 条 请登录后发表评论
1 楼 night_stalker 2009-05-27 18:38
和 sass(Syntactically Awesome StyleSheets) 很像啊
http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 使用dom4j解析XML文档的方法详解

    dom4j是一个基于Java的开源XML解析器，它提供了一种简单而灵活的方式来解析和操作XML文档。它使用了DOM（Document Object Model）模型，使开发者能够轻松地读取、写入和修改XML数据。本文将详细介绍dom4j的使用方法，并提供示例代码来说明各种操作。

  • Dom4j基本使用

     Dom4j基本使用2.1概述Dom4j是一个简单、灵活的开放源代码的库。Dom4j是由早期开发JDOM的人分离出来而后独立开发的。与JDOM不同的是，dom4j使用接口和抽象基类，虽然Dom4j的API相对要复杂一些，但它提供了比JDOM更好的灵活性。    Dom4j是一个非常优秀的Java XML API，具有性能优异、功能强大和极易使用的特点。现在很多软件采用的Dom4j，例如Hibern...

  • Java中Dom4j的配置与使用详细解析

    Dom4j是一个用来处理xml文档的Java库，它提供了一种高效、灵活的方式来解析、生成、操作和序列化xml数据。Dom4j结合了Dom、SAX、JDOM的优点，提供了一个易于使用API，使得开发者可以方便地进行xml操作。

  • 使用Dom4j解析XML文件

    使用Dom4j解析XML文件

  • DOM4J的用法

    一、基本使用方式     语法     1、获取根元素 Element root = document.getRootElement();     2、获取某个元素下的子元素 Element db_element = root.element("db");     3、获取元素的子元素集合1 List<Element> db_list = db_element.eleme...

  • dom4j的使用

    好久没有遇到解析xml了，今天遇到了突然前断时间用过的dom4i

  • 如何使用Dom4J解析XML文档

    本文涉及XML解析的方式、使用Dom4j解析XML文档、Dom4j结合XPath解析XML等内容。

  • 基于Dom4J解析xml字符串

    java基于Dom4J解析xml字符串,将xml解析为json字符串，并输出到文件中，包括标签属性和命名空间

  • DOM4J简介

    面试题：请解释DOM与SAX的区别？ DOM（Document Object Model,文档对象模型）：是W3C定义的标记语言的标准操作， 在DOM操作之中需要将所有的标记转换为DOM树进行处理，并且使用DOM可以实现数据的读取与修改功能。 SAX（Sample API for XML,简单XML解析工具）：采用顺序式的方式进行文档数据的读取，本身适合于读取 大型数据，但是SAX不允许修改文档。...

  • Dom4j使用手册

    Dom4j的使用

  • Dom4j下载及使用Dom4j读写XML简介

    Dom4j下载及使用Dom4j读写XML简介 要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/ 目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip 解开后有两个包,仅操作XML文档的话把dom4j-1.6.1...

  • dom4j解析xml文档时的字符引用（数字实体）问题及初步分析。

    xml中的字符引用 也叫作字符 实体 或编号实体 ，例如我们可以   & //显示一个and符号——&    也可以  &# 38 ;  //也是显示一个and符号——&    第二种方式就叫做编号实体 ，在xml规范中定义了5...

  • JAVA四种引用方式

    java内存管理分为内存分配和内存回收，都不需要程序员负责，垃圾回收的机制主要是看对象是否有引用指向该对象。 java对象的引用包括   强引用，软引用，弱引用，虚引用 Java中提供这四种引用类型主要有两个目的： 第一是可以让程序员通过代码的方式决定某些对象的生命周期； 第二是有利于JVM进行垃圾回收。 下面来阐述一下这四种类型引用的概念： １．强引用  是指创建一个对象

  • DOM基础3-4 编程练习

    3-4 编程练习 小伙伴们，今天我们学习了onload事件，接下来补充下面的代码，实现以下功能： （1） 当点击按钮时，按钮的字体颜色变成红色 （2） 当鼠标离开按钮时，字体颜色变成灰色 Tips： 脚本写在<head>标签中 任务 第一步：写出：在页面或图像加载完后才执行的事件语句，该语句后面跟上匿名函数 Tips：匿名函数中写入点击按钮执行的脚本，以下步...

  • 关于dom4j解析的步骤

    关于对xml文件的解析，分为dom解析和sax解析 今天要讲的是dom4j解析，虽然dom4j解析叫做dom却实实在在是一个sax解析 首先要导入dom4j的包 //获得一个SAXReader对象 SAXReader reader = new SAXReader(); File file = new File(filePath); //读取这个要解析的xml文件 Docu

  • 学习笔记-dom4j和sax

     SAX篇：SAX是什么：SAX，全称Simple API for XML，既是一种接口，也是一种软件包。它是一种XML解析的替代方法。通俗点说就是用来解析xml文件的接口。SAX特点：SAX是一个用于处理XML事件驱动的“推”模型，SAX解析器不像DOM那样建立一个完整的文档树，而是在读取文档时激活一系列事件，这些事件被推给事件处理器，然后由事件处理器提供对文档内容的访问。它逐行扫描文档，一边扫...

  • Dom4j完整教程

    转载自：http://blog.csdn.net/chenweitang123/article/details/6255108 Dom4j的相关知识点.比较系统.     目录 1、DOM4J简介 2、XML文档操作1       2.1、读取XML文档：       2.2、获取根节点       2.3、. 新增一个节点以及其下的子节点与数据       2.4

  • dom4j简单学习，快点来学吧

    /获得名为author的第一 节点。只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。//foo为根节点，获得根节点下的bar节点。Document.selectSingleNodes(“//hibernate-mapping/class/property”)//只拿第一个。

  • XML、Dom4j解析

    xml语法、约束、解析。

Global site tag (gtag.js) - Google Analytics