grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，功能非常强大。对于前端js,css打包，压缩还是很重要，不光减少带宽，还能减少http请求，下面实例说明怎么用。
各种语言都有截图的方法，我主要是做php，php当然也有截图的函数。css也是可以截图的，这对于做美工的人员来说，肯定都很熟悉，但是对做程序的来说，就不一定熟悉了。突然感觉css也是非常的强大的。
下面我们来看一个例子，大家肯定能明白css是怎么样实现截图的。
今天才发现，本bolg的相关文章好丑，右边空出来好大一块，感觉空空的，我做了一点修改，以一个实例来说明
我一直都是用eclipse，习惯了就不想在换了，eclipse下面css是以文本文件的形势打开的，没有代码高亮，没有代码补全，看着很不爽，不利于我们的开发。今天介绍一下eclipse下css插件的安装，xml的安装。本想用eclipse自带的software updates....来安装这些插件，但是没有一个能用的，下面手动安装过程。
一，css插件的安装
一，为什么要用smarty进行打包
apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。
为什么要进行打包呢，主要目的是为了合理的管理自己的代码。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的JS文件。以webqq为例吧：
今天遇到一个挺郁闷的，就是float与li有冲突。当他们二个同时出现时，在ie下面呢，li前面的小黑块不见了，但是在firefox下面是好的。
<html>
<style>
ul li{
color:#009999; float:left;list-style-type:square;padding-left:20px; WIDTH: 100%;
}
</style>
<body>
<h4>test:</h4>
<ul>
<li>china</li>
<li>anhui</li>
<li>luan</li>
</ul>
</body>
</html>
一，什么是xsl，他有什么用
XSL 之于 XML ,就像 CSS 之于 HTML。它是指可扩展样式表语言 (EXtensible Stylesheet Language)。这是一种用于以可读格式呈现 XML 数据的语言。XSL 实际上包含两个部分：
1，XSLT – 用于转换 XML 文档的语言;2， XPath – 用于在 XML 文档中导航的语言
XSLT 可以将 XML 文档转换为其它 XML 文档、XHTML 输出或简单的文本。这通常是通过将每个 XML 元素转换为 HTML 元素来完成的。由于 XML 标签是用户定义的，浏览器不知道如何解释或呈现每个标签，因此必须使用 XSL。XML 标签的意义是为了方便用户（而不是计算机）理解。
一，css与jquery简单说明
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
Query由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。