继承样式定义方法

这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对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>

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

时间： 2024-11-03 21:42:00

继承样式定义方法的相关文章

JavaScript改变CSS样式的方法汇总

JavaScript修改CSS有4种方法:1.修改节点style(内联样式);2.改变节点class或id;3.写入新的css;4.替换页面中的样式表.今天主要给大家介绍下前2种,因为后两种个人不是很推荐大家使用 JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 . JavaScript修改CSS有4种方法: 修改节点style(内联样式); 改变节点class或id; 写入新的css; 替换页面中的样式表. 个人不

简单也复杂网页中的文章的标题定义方法

网页针对教程网站或者新闻网站,教程标题或者新闻标题如何定义呢? 文档标题是文档的最主要的组成部分,也是搜索引擎蜘蛛爬行时最关注的内容,该如何定义标题呢?要回答这个问题,先设想我们要在一个页面上定义文章的标题,通常我们有三个方法来实现这个简单目的: A.没有语义的标题定义: <span class="heading">文章标题</span> 虽然在某些情况下<span>会是一个方便的标签,但它并不能表达出标题的完整含义.采用这个方法的一个好处是,我们

JQuery结合CSS操作打印样式的方法

这篇文章主要介绍了JQuery结合CSS操作打印样式的方法,有需要的朋友可以参考一下本节内容: JQuery.CSS操作打印样式. 一.添加打印样式 1,为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: 代码如下: <link rel="stylesheet" href="css/mainstylesheet.css" media="screen" /> 用于打印的css:

浅谈几种常用的JS类定义方法_javascript技巧

// 方法1 对象直接量 var obj1 = { v1 : "", get_v1 : function() { return this.v1; }, set_v1 : function(v) { this.v1 = v; } }; // 方法2 定义函数对象 var Obj = function() { var v1 = ""; this.get_v1 = function() { return this.v1; }; this.set_v1 = function

Android实现将一个Activity设置成窗口样式的方法_Android

本文实例讲述了Android实现将一个Activity设置成窗口样式的方法.分享给大家供大家参考,具体如下: 1.在res/value文件夹下的style.xml文件中加入如下代码: <style name="Theme.FloatActivity" parent="android:style/Theme.Dialog">  <item name="and

js中使用使用原型(prototype)定义方法的好处详解_javascript技巧

经常在前端面试或是和其他同行沟通是,在谈到构造在JS定义构造函数的方法是最好使用原型的方式:将方法定义到构造方法的prototype上,这样的好处是,通过该构造函数生成的实例所拥有的方法都是指向一个函数的索引,这样可以节省内存. 当然,这种说法没有任何问题,只是在实现上,并非只有使用prototype的方式才能达到这样的效果,我们可以将方法以函数的形式定义在构造函数之外,然后在构造函数中通过this.method = method的方式,这样生成的实例的方法也都通过索引指向一个函数,具体如下:

JavaScript的各种常见函数定义方法_javascript技巧

本文详细讲述了JavaScript的各种常见函数定义方法,分享给大家供大家参考.具体分析如下: 首先看一下JavaScript最常见的四种函数定义: 用Function构造函数定义的函数,代码如下: var multiply = new Function('x', 'y', 'return x * y;'); 函数声明,这种方式也是最为常见的一种: function multiply(x, y) { return x * y; } 函数表达式,声明为匿名函数然后赋值给一变量,很常见的方式: va

js中实现多态采用和继承类似的方法_javascript技巧

多态的实现可以采用和继承类似的方法.首先定义一个抽象类,其中调用一些虚方法,虚方法在抽象类中没用定义,而是通过其具体的实现类来实现. 如下面的例子: Object.extend=function(destination,source){ for(property in source){ destination[property]=source[property]; } return destination; } //定义一个抽象基类base,无构造函数 function base(){}; ba

js 对象定义方法

面向对象编程 JavaScript 是面向对象的编程语言 (OOP).OOP 语言使我们有能力定义自己的对象和变量类型. 别着急,我们会在高级 JavaScript 的部分讲解如何创建自己的对象.现在,我们要开始学习内建的 JavaScript 对象,以及如何使用它们.从下一节开始,我们将具体地依次讲解的这些内建的 JavaScript 对象. 注意:对象只是一种特殊的数据.对象拥有属性和方法. .简单类型 javascript的简单类型包括数字(Number).字符串(String).布尔值