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
相关文档：
1、firefox下父容器的高度自适应
height:100%; overflow:auto;
2、IE6的双倍边距BUG
display:inline
3、超链接访问过后hover样式不出现的问题
改变CSS属性的排列顺序: L-V-H-A
4.FF下使连续长字段自动换行
IE中直接使用word-wrap:break-word
FF中我们使用JS插入的方法来解决
......
两列布局
1、左列固定，右列自适应
#left{ width:190px; float:left; }
#right{ margin-left:205px; }
2、右列固定，左列自适应
#left{ float:left; width:100%; }
#right{ float:left; margin-left:-100px; width:100px; }
三列布局
左� ......
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来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。
外部调用样式表
在以前，我们通常采用2种方法使用样式表：
......
1.定义DIV
分析一个典型的定义div例子：
#sample{ MARGIN: 10px 10px 10px 10px;
PADDING:20px 10px 10px 20px;
BORDER-TOP: #CCC 2px solid;
BORDER-RIGHT: #CCC 2px solid;
BORDER-BOTTOM: #CCC 2px solid;
BORDER-LEFT: #CCC 2px solid;
BACKGROUND: url(images/bg_poem.jpg) # ......
