<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS选项卡效果代码演示</title>
</head>
<body>
<mce:style type="text/css"><!--
div.card div{
background-color:#FF8000;
float:left;
padding:1px;
padding-bottom:0;
clear:both;
width:405px;
}
div.card a{
color:black;
font-size:14px;
text-decoration:none;
float:left;
width:100px;
text-align:center;
background-color:white;
margin-right:1px;
}
div.card div.home a.home{
font:normal normal bold 14px/1.5 宋体;
}
div.card div.international a.international {
font:normal normal bold 14px/1.5 宋体;
}
div.card div.sport a.sport{
font:normal normal bold 14px/1.5 宋体;
}
div.card div.finance a.finance{
font:normal normal bold 14px/1.5 宋体;
}
div.card div.content{
background-color:white;
border:1px solid #ff8000;
height:100px;
}
--></mce:style><style type="text/css" mce_bogus="1">div.card div{
background-color:#FF8000;
float:left;
padding:1px;
padding-bottom:0;
clear:both;
width:405px;
}
div.card a{
color:black;
font-size:14px;
text-decoration:none;
float:left;
width:100px;
text-align:center;
background-color:white;
margin-right:1px;
}
div.card div.home a.home{
font:normal normal bold 14px/1.5 宋体;
}
div.card div.international a.international {
font:normal normal bold 14px/1.5 宋体;
}
div.card div.sport a.sport{
font:normal normal bold 14px/1.5 宋体;
}
div.card div.finance a.finance{
font:normal normal bold 14px/1.5 宋体;
}
div.card div.content{
background-color:white;
border:1px solid #ff8000;
height:100px;
}</style>
<mce:script type="text/javascript"><!--
//生成一个shq空对象
var shq={}
shq.cmenu=function(e) {
//兼容ie和firefox
//如果是ie则e=window.event.srcElement, 否则e
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内 ......
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:
<br />&l ......
