前面我已经介绍过了30个应该记住的CSS选择器，那么新的CSS3又有哪些新属性呢？虽然大多数需要特定的前缀，但你仍然可以在你的项目中使用它，其实上我也鼓励大家这么做。
关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的90度的角就不圆滑嘛？这取决于你的决定。但是要永远记住，网站设计不必看到所有浏览器的不同。在文章的最后，我们将显示一个有趣的最终的案例。
1、 border-radius
border-radius是一大堆CSS3属性中最受欢迎的一种，border-radius是CSS3中级别最高的一个属性。当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时，CSS圆角，一个很初级的知识，将引导他们开始学习。
做项目中遇到图片，容器垂直居中问题，这个问题是个老问题，今天总结一下：
查看综合版Demo实例，请点击Vertically我
1.容器中背景图片垂直，水平居中（所有浏览器通过，无须考虑ie浏览器兼容性，background中50% 50%完全搞定）
20
今天向大家推荐4款Windows下的免费HTML & CSS编辑器，以下是文章内容：
1. Notepad2
Notepad2是Windows下最流行的应用工具之一，是一个快速，轻量级，简洁的应用程序。Notepad2没有花俏的功能，但如果你只是需要一个手写代码的程序，它可能适合你。
下载地址：http://www.flos-freeware.ch/notepad2.html
前段时间做项目，就因为Ie下不管ie6，ie7，ie8不支持css3圆角和策划费了一番口舌。终于找到有牛逼的老外写了个Htc，让ie，6,7,8告别了这样的苦日子。
包括：border-radius(圆角)，box-shadow（阴影），text-shadow（文本阴影）；
PS：htc不支持本地，需要上传到服务器才行。
基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);
注意：该滤镜必须配合background属性一起使用，否则该滤镜失效。
display:block就是将元素显示为块级元素.
block元素的特点是：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度
我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。
Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认 依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位， 位置将由TRBL决定。
一般来讲，网页居中的话用Absolute就容易出错，因为网页一直是随着分辨率的大小自动适应的，而Absolute则会以浏览器的左上角为原始 点，不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似，但是还是有本质的区别的。
Relative，CSS中的写法是：position:relative; 他的意思是相对定位，他是参照父级的原始点为原始点，无父级则以文本流的顺序在上一个元素的底部为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。
众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites[sprites连载一：CSS Sprites的简介] ——将多个图片整合到一个图片中，然后再用CSS来定位。今天我们通过一个实例来学习CSS Sprites的使用方法。
…
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问 该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多 的，所以无需顾忌这个问题。
加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大
语法：
text-overflow : clip | ellipsis
参数：
clip : 不显示省略标记（…），而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记（…）
