CSS 中英文导航
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
list-style:none;
}
#nav li{
float: left;
margin-right: 1px;
}
.bi{
position: relative;
z-index: 0;
}
.bi:hover{
z-index: 99;
}
.bi:hover span{
visibility: visible;
top: 0;
left: 0;
cursor: pointer;
}
.bi span{
position: absolute;
left: -999em;
visibility: hidden;
}
#nav li a,.bi:hover span{
line-height: 20px;
text-decoration: none;
background: #DDDDDD;
color: #666666;
display: block;
width: 80px;
text-align: center;
}
#nav li a:hover,.bi:hover span{
color: #FFFFFF;
background: #DC4E1B;
}
.bi:hover span{
padding-top: 2px;
}
#navbar{
background: #DC4E1B;
height: 8px;
overflow: hidden;
clear: both;
}
</style>
<ul id="nav">
<li><a class="bi" href="http://download.csdn.net//">hanlinwang.org<span>我爱CSS</span></a></li>
<li><a class="bi" href="#">About us<span>关于我们</span></a></li>
<li><a class="bi" href="#">Products<span>产品展示</span></a></li>
<li><a class="bi" href="#">Services<span>售后服务</span></a></li>
<li><a class="bi" href="#">Contact<span>联系我们</span></a></li>
</ul>
<div id="navbar"></div>
相关文档：
css圆角box(百度知道挖出) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
ov ......
1. 定义样式
1.1 按html标签定义
例如：body{background-color:#999999; text-align:center}
1.2 按类定义
例如：.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 按id定义
例如：#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSS的位置和引用
......
姓名：乐乐---乐css-lecss
团队开发做的。本人负责的页面以及排版之类的，有兴趣的可以去网站上转悠转悠下。。
天堂网：
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx
老人网：
www.laoren.cn
--
设计过程那是一种漫长而昂贵的折磨..。
--
我蛮喜欢CSS的，可是却也对它很烦恼，有 ......
CSS Hack速记: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 必须保证HTML顶部有如下声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 示例 height:100px;【FF】 ......
选择器的分组
意思就是说几个选择器可以同时使用一个声明，但是选择器之间记住一定要用逗号来隔开，这样我们会节省了很多代码
我们举个例子吧！
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
}
这样所有的h标题标签的字体颜色是红色，背景是蓝色；应该清楚了吧！
css继承性的问题
子元素继承父元素的 ......
