css新认识
1、微格式
2、“+”相邻选择器
3、继承的样式特许性为0
4、width指内容区域，不包括padding和border
5、outline与框之上，不影响布局，不影响元素大小定位
6、inline/inline-block在排元素之间会留点空白，用float则没有这种空白。
7、匿名块框对象无法直接应用样式，可用伪类如first-line。
8、float的了解，left、right一起用。
9、文字环绕图片的方案
10、clear适用于块状元素
11、em的理解
12、北京图片的定位问题
13、链接的内外部跳转
1、微格式
微格式是网页上使用的简单规范（称为实体），用于描述特定的信息类型，例如评论、事件、商品、商户或人物。每个实体都有自己相应的属性。例如，人物具有姓名、地址、职位、公司和电子邮件地址等属性。
比如http://www.google.com/support/webmasters/bin/answer.py?answer=146897
2、“+”相邻选择器
对于选择器的现在用的还只是很少的一部分，一是考虑到浏览器的支持问题，而是不知道有这样的一回事。
之前我只是用后代选择器，然后那些伪类选择器、子选择器、相邻选择器、第一个儿子选择器等等很多都没有用到。
3、继承的样式特许性为0
选择器的特许性有多种，4个等级a、b、c、d，如果样式是行内样式，那么a = 1， b等于ID选择器的总数，c等于类、伪类和属性选择器的数量，d等于类型选择器和伪元素选择器的数量。
4、width指内容区域，不包括padding和border
因为我之前写的html代码不规范，而且用的还是ie。导致对width的错误理解。在ie6之前 ，width是指 内容+paddding和border。好像包括border，我忘了。
现在的css的规范是width指内容的宽度，不包括padding和border的。
同时如果你在ie8上也会遇到这样的width不妥的情况的话，那时因为你的html文件出了问题。一定要写DTD，是头部的那部分
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
如果没有写的话ie会自动按怪异模式解析跑，而ie在怪异模式下width就是这样渲染的。其他浏览器没有这样的问题。大家在写的时候一定要加上DTD声明。
5、outline与框之上，不影响布局，不影响元素大小定位
css2有个属性outline，它会在边框的外边形成，而且很特许的不影响布局，不影响元素的大小和定位问题。
6、inline/inline-block在排元素之间会留点空白，用float则没有这种空白。
当对象display为inline/inline-block属性事，他会按行内模式渲染，这种渲染会导致对象之间有间隔。很偶然的发现这样的一个现象。
如果display是block， 并且把对象向左浮动，对象之间就不会有间隔。
关于这两种现象的原理是什么我暂时不知道。
7、匿名块框对象无法直接应用样式，可用伪类如first-line。
匿名快框，顾名思义，就是没有名字的，类式js中的function(){}匿名函数。
如果有这样的代码
<div>
Text
<p>ptext</p>
</div>
那么文本 Text 会被渲染成一个匿名块框。因为是你匿名的，所以对其添加样式。不过可以通过伪类first-line来添加样式。
8、float的了解，left、right一起用。
之前我一个在用float的时候，都是只用left属性或者right属性，然后在对其加个width属性。没有想过两个一起用的。
然而一起用确实可以达到一种效果就是我离左边apx，离右边bpx，这样对象的width就可以灵活的变动了。
9、文字环绕图片的方案
有如下代码
<div>
<img display="absolute" float="left" />
<p>Text</p>
</div>
那么表情p里面的文本会围绕img显示。这样可以达到文字环绕图片的效果。
10、clear适用于块状元素
11、em的理解
em不像px以某个一定的大小像素定的。em是以父元素的文字大小定义。
12、背景图片的定位问题
背景图片的定位有 px 和 % ， ，不解释，如图
![pixels[1]](http://images.cnblogs.com/cnblogs_com/liyatang/201108/201108051419263926.png "pixels[1]")
13、链接的内外部跳转
之前以为链接都只是外部链接，原来也可以是内部链接。比如百度百科上面的目录，点击某个link的时候，会跳到 相应的 link
