项目中使用很多CSS的继承，覆盖等，涉及到了CSS的优先权的问题，这里记录一下，
在CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。
Specificity 具体的计算规则：
在CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。
Specificity 具体的计算规则：
/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
不常用谷歌浏览器chrome，今天发现一个问题
chrome 居然对 font-size：9px; 这样的字号设置无效！！！
不知道 chrome 怎么搞的。
还当 chrome 的 hack呢。。搞了几下，没反映，看来字号小于12在 chrome下搞不定了。
chrome 居然对 font-size：9px; 这样的字号设置无效！！！
不知道 chrome 怎么搞的。
还当 chrome 的 hack呢。。搞了几下，没反映，看来字号小于12在 chrome下搞不定了。
什么叫做css reset呢？
我理解为重置css，也就是重置默认样式。我在HTML下的默认样式 中讲到，一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每个人的用法和写法都不一样。
YUI选择的方法是：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
我理解为重置css，也就是重置默认样式。我在HTML下的默认样式 中讲到，一些标签元素在HTML下有一个默认属性值，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式（css reset）。每个人的用法和写法都不一样。
YUI选择的方法是：
复制内容到剪贴板
程序代码
程序代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
首先，说明一下表单标签（input、select）可能在各种浏览器中的表现差异：
1.当input或select与其他标签（例如a、label）混排时，可能出现不居中的问题。
2....混排时，外层标签不能控制表单标签。
3.input里面输入的文字行高存在差别，有空隙等等。
1.当input或select与其他标签（例如a、label）混排时，可能出现不居中的问题。
2....混排时，外层标签不能控制表单标签。
3.input里面输入的文字行高存在差别，有空隙等等。
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
现在做很多页面，比如阴影，或很多情况要用到透明图，GIF图一般会有很多锯齿，
用PNG图吧，效果到是还好。Firefox和IE7以上版本都支持PNG透明，但IE6缺会显示灰白。
百度，google搜罗一通，现总结如下两种。如有更好的方案，望交流
第一种，适用于图片做背景的时候。代码：
用PNG图吧，效果到是还好。Firefox和IE7以上版本都支持PNG透明，但IE6缺会显示灰白。
百度，google搜罗一通，现总结如下两种。如有更好的方案，望交流
第一种，适用于图片做背景的时候。代码：
在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现：
#tupian img {
max-width:600px;
width:600px;
#tupian img {
max-width:600px;
width:600px;
