Unbending Notes
Div+Css标准写法
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Div+Css</title>
<style type="text/css">
<!--
/* Html (Begin) */
* {
margin: 0px;
padding: 0px;
}
body {
margin: 0px;
font-size: 12px;
text-align: center;
}
div {
font-size: 12px;
margin: 0px;
padding: 0px;
}
/* Html (End) */
/* Head (Begin) */
#body {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 930px;
text-align: center;
padding: 0px;
}
#head {
width: 100%;
text-align: left;
padding-top: 5px;
margin-top: 10px;
float: left;
}
#left {
float: left;
line-height: 20px;
border: 1px solid #CCCCCC;
width: 79%;
}
#right {
float: right;
line-height: 20px;
width: 20%;
}
#left .bline {
float: left;
width: 12%;
}
#left a {
display: block;
color: #339900;
text-decoration: none;
font-weight: bold;
font-family: Tahoma;
width: 100%;
text-align: center;
}
/* Head (end) */
#Right ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#Right ul li {
display: inline;
margin: 0px;
padding: 0px;
}
#right ul li a {
font-size: 12px;
color: #333333;
text-decoration: none;
display: block;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
font-family: Tahoma;
padding-left: 8px;
margin: 0px;
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
}
#Right ul li a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #333333;
padding-left: 14px;
}
#left a:hover {
background-color: #333333;
color: #FFFFFF;
}
-->
</style>
</head>
<body>
<div id="Body">
<div id="head">
<div id="left">
<div class="bline"><a href="#">左边内容1</a></div>
<div class="bline"><a href="#">左边内容2</a></div>
<div class="bline"><a href="#">左边内容3</a></div>
<div class="bline"><a href="#">左边内容4</a></div>
<div class="bline"><a href="#">左边内容4</a></div>
</div>
<div id="right">
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Enter</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
- 上一篇：DIV+CSS 命名规范
- 下一篇：笑一笑,提提神:
Re:Div+Css标准写法
博主说的在理像是北大青鸟的老师一样，呵呵
不说啦,楼主说的对,得饶人之处且饶人啊.允许别人犯错误,也要允许别人有个改正的机会,人无完人吗,大家说哪?!
我们大家要引以为戒,更多地检讨自己,为我们自己的凯版增光!
Re:漂亮
路过，留个脚印
Re:不知道说什么哦
路过，留个脚印
Re:不知道说什么哦
路过，留个脚印
