css竞争规则
竞争规则：css允许多次将同一个规则赋予某个元素。层叠排序根据规则中使用的选择符将规则划分6组，高优先级组里的规则会覆盖低优先级组里的规则。普通的选择符会设置文档的总体样式，更具体的选择符会覆盖普通选择符，以为其提供更加特殊的样式
6个选择符群组：
1. 使用!important规则群组拥有最高优先级，他们会覆盖掉所有非!important规则
#i100 {border:6px solid black !important;}
2. 优先级第二高的群组是指那些嵌在style属性里面的规则。因为使用style属性会增加代码的维护难度，不建议使用
3. 优先级第三高的群组是指含有一个或多个ID选择符的规则，如 #i100 {border:6px solid black }会覆盖*.c100{border:4px solid black}
4. 优先级第四高的群组是指含有一个或多个类，属性或僞类选择符的规则，如*.c100{border:4px solid black}会覆盖div{border solid black}
5. 优先级第五高的群组是含有一个或多个元素选择符的规则，如div{border:2px solid black}会覆盖 *{ border:0px solid black}
6. 优先级最低的是只有通配符的规则
当竞争规则属于同一个选择符群组时，会按照选择符的种类和数量对其进行优先级排序，当选择符有高优先级选择符多于它的竞争选择符，它将获得更高的优先级。如#i00 *.c20 *.c10{}优先级高于#i100 *.c10 div p span{}
当竞争规则位于同一选择符群组并拥有同样等级和数量的选择符时，他们的优先级按所处位置来排，以下6个位置群组按从高到低优先级顺序排列：
1. 最高优先级位置为html文档头部中的<style>元素
2. 第二高是通过<style>元素里的@import语句来引入的样式表
3. 第三高是通过<link>元素来链接的样式表
4. 第四高是通过<link>链接的样式表通过@import语句引入的样式表
5. 第五高是由终端用户绑定的样式表，除非使用了！important
6. 最低优先级是浏览器提供的默认样
相关文档：
图片自动适应大小的问题在平时制作的时候是比较常见的问题，下面提供一个比较简单的解决方法：
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于6 ......
要做个BS的网站项目，恶补一下CSS。
CSS常用属性：
字体属性
：(font)
大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
行高 line-height: normal;(正常) 单位：PX、PD、EM
粗细 font-weight: bold ......
刚看到一篇文章，虽然内容大意之前早都了解过，也都看到过实例，但是还是在这个地方总结一下吧：
CSS精灵，可以把网页中的一些图片合成一个图片，通过CSS来控制显示，减少HTTP的请求次数，在一定程度上增加WEB的健壮性。
对于少于200K的图片，服务器解析的速度都没有特别大的差别，但是通过图片的合成，可以减少HTTP的次� ......
示例：此DIV为固定定位对象
要使HTML元件定位于浏览器的某个固定位置，而不随滚动条滚动，用以下CSS代码即可，跨各个主流浏览器： POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100。
示例见右边黄底红字块。 ......
可以放置样式的地方：样式表，<style>和style
样式表是一个独立的文件，可以通过<link>元素或者css的@import语句把它附加到某个html文档中，<style>是一个html元素，可以把它内嵌在html文档中，style是一个属性，可以内置在任何html元素中。
要想把样式表连到html文档中，要在html文档中的<head> ......
