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; ......
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直 ......
<html>
<head>
<title>CSS伪类 pseudo-class</title>
<style type="text/css">
a:link {color: #FF0000} /* 未被访问的链接 红色 */
a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a:hover {color: #FFCC00} /* 鼠标悬浮在上的� ......
SpriteMe是Google的一个开源项目，可以用来方便地找出一个页面中所使用的图片，然后可以将所以图片合并到一个“Sprite”图片，然后再通过
CSS控制调用哪一个区域，其提供了一个网站来安装，演示使用方法，http://spriteme.org/ 。
安装方法很简单，按照上面那个页面上的提示，将一个链接拖到“书签� ......
