软件工程师-快速编写HTML和CSS的工具集合.doc

文档介绍：word
在这篇文章中，我们关注的是不同寻常的编码方式——CSS 编译器以及 HTML 缩写编码技术。借助这些优秀的工具和技术，能够大大的减少(jiǎnshǎo)开发时间，加快开发进度。
AD：
你曾经考虑过想要加快 HTML 和   margin: 2em 0;  
   {  
    text-align: right;  
  }  
}  
li {  
  font: {  
    family: serif;  
    weight: bold;  
    size: ;  
  }  
} 
借助(jièzhù) Sass 工具能够生成如下的标准 CSS 代码：
 {  
  margin: 2em 0;  
}  
  {  
  text-align: right;  
}  
li {  
  font-family: serif;  
  font-weight: bold;  
  font-size: ;  
} 
Less〔 :///〕
Less 最早是一个 Ruby 的 gem，让 CSS 具有动态语言的特性，这些(zhèxiē)特性包括变量，操作符，嵌套规如此(rúcǐ)。其实 Less 真正的作用是将使用(shǐyòng)高级特性的 CSS 转换成标准的 CSS。这些都是在 Web 客户端发起请求时通过 Handler 来完成的。也可以是编辑时就完成的。此外(cǐwài)，Less 可以配置成自动最小化所生成的 CSS 文件，不仅节省了带宽，并且使最终用户体验更上一层。另外有 .Net 版本的 Less，做 .Net 开发的朋友可以关注一下。
CleverCSS
word
CleverCSS 是受 Python 启发而为 CSS 开发的一个小型标记语言，用于生成干净的结构化的样式表。它比 CSS2 更加强大和干净，和 CSS 最大的区别是语法：CleverCSS 基于缩进而不单调，而这是和 Python 规如此相悖的，但也不失为组织样式表的一个好方法。
HSS
HSS 是一个用于扩展 CSS 语法的一个工具，具有变量和嵌套等众多强大(qiángdà)特性。
xCSS
xCSS 基于标准(biāozhǔn)的 CSS，同时赋予了在编写复杂的样式表的时候的强大的面向对象工作流程，使用 xCSS 能够大幅减少你的开发时间。xCSS 提供了整体的 CSS 结构的直观概述，使用变量以及通过重用现有的样式和其它很多方便的功能来加速 CSS 代码编写。xCSS 是一个轻量级的工具，而且能够让你的代码保持语义。
最后但不是(bù shi)最不重要
最后向大家推荐一款非常(fēicháng)棒的在线小工具——Markup Generator，它能够帮助你快速的生成 HTML 代码(dài mǎ)并能够根据从代码中提取所有的选择器，然后自动生成 CSS 框架代码。例如编写如下简写代码：
#root  
 #top  
  #logo  
   a[href="/"]=Markup Generator  
  form#search