CSS选项卡效果代码演示
<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
相关文档：
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; ......
1.超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
2.IE6的双倍边距BUG
例如:
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; ......
在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则，如下图：
具体的 CSS 样式的编写为：
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......
css圆角box备忘 <style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r {display:block;background: #fff} ......
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美
世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失
窃却总是恰恰相反，很多CSS样式在 ......
