竞争规则：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 soli ......
[教程] web标准常见问题集合
列举了一些常见，新手经常问的问题。举例并说明解决方法。
1.超链接访问过后hover样式就不出现的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
a:link {
color:red
}
a:hover {
color:blue
}
a:visited {
color:green
}
a:active {
color:orange
}
-->
</style>
<a href="#">
web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
</a>
提示：您可以先修改部分代码再运行
QUOTE:
被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A
2.FF下如何使连续长� ......
点评：非表格，一般就是指Div了。在表格中垂直居中很简单，非表格呢，可以用两种方法。 第一：相对定位和绝对定位
以下是一固定宽高的Div的垂直居中代码
div{
position:absolute;
top:50%; left:50%;
width:400px; height:400px;
margin:-200px 0 0 -200px;
border:1px solid #000000;
}
position:absolute，绝对定位，可以把这个div看成漂浮于这个页面之上，通过top:50%和left:50%定位这个div的位置，但这个时候，垂直与水平居中的是这个div左上角这一点。所以，要让这个div的中心点位于整个页面的中间，需要使用负边界，负的上边界，负值是高度的一半；负的左边界，负值是宽度的一半。即达到效果。
如果是不定宽高的Div，则需要再多嵌套两个Div，需要对CSS的定位概念仔细理解。
第二：不同的DISPLAY方式
Div不是表格，但是当代的浏览器中除了IE都支持display:table-cell。恰好，IE支持dispaly:inline-block，那么我们就用两种方式为当代浏览器实现非表格的垂直居中，殊途同归。
HTML如下：
复制代码代码如下:
<div id="div1">blah blah...看见我居中了吗？</div>
<div id="div2">
<p>blah blah...</p>
.. ......
最新文章 :