CSS继承样式定义方法

2016-02-19 16:12 5 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享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%;
}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

.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

延伸阅读
标签: Web开发
虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果。在的文档中,也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /**/ font-size:9...
标签: Web开发
相信大家对样式命名都多少感到困难,特别是想起一个有意义的名,更难。回顾了一下之前写的《 样式命名规则 》(不知道大家使用后有什么感想)结合这段时间使用上发现的一些问题,重新整理了样式的命名规则,希望能更实用些。 要避免当状态改变时名称失去意义,最常见的就是用于布局的类名,如left、right,当左边栏不再是左边栏的时候,lef...
标签: Web开发
font版本:CSS1/CSS2 兼容性:IE4+ NS4+ 继承性:有 语法: font : font-style || font-variant || font-weight || font-size || line-height || font-family font : caption | icon | menu | message-box | small-caption | status-bar 取值: font-style : CSS1 请参阅 font-style 属性 font-variant : CSS1 请参阅 font-vari...
标签: Web开发
前面我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用link标记链接到...
标签: Web开发
color版本:CSS1 兼容性:IE4+ NS4+ 继承性:有 语法: color : color 取值: color : 指定颜色。请参阅 颜色单位 和 附录:颜色表 说明: 检索或设置对象的文本颜色。无默认值。 注意,用颜色名称指定 color 不被一些浏览器接受。但使用 RGB 值指定颜色能被所有里浏览器识别并正确显示。 此属性对于 currentStyle 对象而言是只...

经验教程

355

收藏

89
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部