熟悉span与div

《熟悉span与div》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、来源：http://www.942dn.com    Span标签和Div标签都是HTML中很常用的组织标签之一，我们可以在绝大部分的页面中找到他们的身影。和其他绝大多数的HTML标签兄弟一样，这两个标签各自也是要成对使用的，就像这样：成双和

2、页的布局等却能发挥了很大作用，特别是Div标签，它在现代网页排版中起到了决定性的作用。有关这部分的内容，将在后续文章进行详细介绍。1、属性与事件    本文首先介绍标签的属性与事件这两个概念，理解这两个概念是今后学习使用CSS制作个性网页很重要的基础。本章开头就说了，属性和事件是绝大多数HTML标签都具有的，好比我们人类所都具有的会思考、能劳动、能直立行走等特点一样。了解了这两个概念和具体的使用方法，我们就可以在网页上随心所欲的实现一些很有趣的效果和功能。2、什么是属性    我们学习一件新鲜的事物前，大概都遵循这样一个过程：先了解它是什么，它能为我们做什么

3、，它怎么才能为我们所用。因此我们学习属性，也从属性是什么说起。【属性是什么】首先我们来学习什么是属性。属性就是一些能够描述一种物体特征的词语。这句话可能抽象一些，还是用我们自己来打个比方吧。你打算把漂亮的女同学小丽介绍你的铁哥们儿张三认识。你可能会对小丽说，小丽啊，张三是一个很好的中国男生。这句描述张三的简单的话中就包含了张三的多个特征，也就是说出了张三这件“事物”的多种属性：国籍是中国的，性别是男生的，性格是很好的。国籍、性别、性格就是人的属性。再比如，我们在参加考试的时候，开始答题之前都要填写很多信息，姓名、籍贯、准考证号等等，这些要填写的项目都是不同属

4、性的名称。由此可见，属性就是用来描述特征的词语。【属性有值才有用】读到了这里，读者自然就会想了，光有属性的名字也不行啊。是的，好比我们参加考试，属性的名称：姓名、籍贯、准考证号等等，都在试卷上列出了，但我们不填，交卷后老师还是不知道这么优秀的答卷是出自于我们的手，那该有多亏。所以，有了属性，还要有属性的值，也就是属性的具体内容，才完美。还是上面介绍张三那句话，国籍、性别、性格是属性的名字，那么中国、男性、很好就是相对应属性的值。只有属性的名称和值都齐全了，我们的小丽才能对张三有个大概的了解.3、属性的种类：基本属性，扩展属性【基本属性和扩展属性的定义】基本属

5、性一般来说都是指好多事物都共同具备的那些属性。比如上文中所说的，国籍，性别等都可以说是基本属性。大家一起参加考试，所有人都具有这样的特点，有国籍，有性别。但扩展属性就不同了，它是和每一件事物联系在一起的，不同的一类事物会有不同的扩展属性。也就是说，基本属性和扩展属性有点类似于我们日常生活中所说的“共性”和“个性”。【不要小看扩展属性】让我们再回到你要介绍张三给小丽这件事上来。如果光说上一文提到的那句“张三是个很好的中国男生”这句话，小丽可能会生气，因为她会觉得这基本和没有说一样。我们需要修改上面的句子，比如变成这样：“张三是个身材超有形，性格超温柔，工作单位

6、一级棒，爱好极为广泛的帅哥”。这样的话说出来，效果就会好很多，张三这个人的形象也高大鲜活了起来。由此可见，扩展属性能够让我们对事物的描述更加具体。4、什么是事件除了属性之外，对于一个HTML标签来说，另外一个很重要的部分就是事件了。【事件就是一件事】事件看起来似乎是一个很严重的词。我们日常生活是怎么用到它的呢？历史书上见到过，还有我们看动漫的时候也看到过，比如柯南，他总是和各种各样奇怪的事件打交道。事件，说白了就是事情，有开头、有结尾，由一系列的动作组成。那么在计算机世界里，事件又是什么呢？计算机世界中的事件是指一个操作或者程序检测到的一个变化。听上去可能有

7、点深奥，不过对于HTML来说，我们可以说事件就是指HTML页面上的一个操作，特别是用户在页面上的一个操作。5、特别的属性：事件属性事件既然这么重要，那么我们在实际中怎么应用它呢？【谁动了我的鼠标】根据上面举出的网络搜索的例子，有人可能会问这样的问题，页面怎么知道我是单击了鼠标，挪动了鼠标还是在文本框中输入了文字呢？还好，这样的问题并不需要我们来处理，浏览器本身都已经处理了，毕竟我们单击鼠标，敲打键盘都是在浏览器和系统的管辖范围内，强龙压不过地头蛇，谁的地盘谁做主，它愿意管理更好，我们还省心了。【事件属性做什么】但是，我们制作网页的人必须清楚，浏览器虽然替我们

8、管理以上谁动了鼠标这些问题，但它只管了一半，也就是说