生活已是百般艰难,为何不努力一点。下面图老师就给大家分享CSS继承样式定义方法,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
【 tulaoshi.com - Web开发 】
继承样式定义方法,这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对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之类的东东,代码看上去简洁多了
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1611336.html