龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

继承样式定义方法

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
继承样式定义方法 ,这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对seo优化也有很大的帮助,下面我们来看一个简单的实例. style .nav ul li a:hover{ background:url(imgs/hover.gi

继承样式定义方法,这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对seo优化也有很大的帮助,下面我们来看一个简单的实例.
<style>
.nav ul li a:hover{
background:url(imgs/hover.gif) left top no-repeat;
}


.nav ul li{
 height:28px;
 width:100%;
}

.nav ul li a{
display:block;
height:28px;
width:100%;
margin:10px 0 0 0;
}
</style>

<div id="mqshownav" class="nav">
  <ul>
 <li ><a href="gdzs.php"></a></li>
 <li ><a href="tscj.php"></a></li>
 <li ><a href="zdhdtp.php"></a></li>        
 </ul>
</div>

这是不是少了很多class=N之类的东东,代码看上去简洁多了.本站原创转载注明来处: www.111cn.cn


精彩图集

赞助商链接