SPAN和DIV,Class与ID的区别汇总

2016-02-19 23:36 8 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐SPAN和DIV,Class与ID的区别汇总,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

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

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。

------------------------------------------------------------

CLASS和ID的区别

在样式表定义一个样式的时候,可以定义id也可以定义class。

  1、在CSS文件里书写时,ID加前缀#;CLASS用.

  2、id一个页面只可以使用一次;

   class可以多次引用。

  3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;

    CLASS是一个样式,可以套在任何结构和内容上,就象一件衣服;

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

  4、从概念上说就是不一样的:

   id是先找到结构/内容,再给它定义样式;

   class是先定义好一种样式,再套给多个结构/内容。

  目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。

看完本文后,您还可以看:

css教程:网页中Span和Div的区别

 

来源:http://www.tulaoshi.com/n/20160219/1630217.html

延伸阅读
标签: Web开发
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS...
标签: Web开发
CSS的命名在webjx.com中,曾经多次讨论过。说实话,看到这个题目时我觉得这有什么好讨论的,肯定会是场一边倒的讨论。因为个人比较倾向于短命名,简单优雅,可能是出于程序员的洁癖,容不得任何冗余的东西。和我一个想法的人应该不在少数吧! 先看下长命名和短命名的定义: !-- 长命名:使用前缀体现上下文环境的CSS命名方式。 -- d...
标签: Web开发
div和span是什么意思?        相对与其他XHTML标签,div和span对于它们包含的元素是没有意义的。例如当你看到h1/h1标签,你知道里面是标题,当你看到p/p标签的时候你知道里面是一个新的自然段。可是div和span标签并没有这样意义。div只是一个分块的标签,他可以将网页分成几个区块。div里面可能包含一个标题,一...
标签: Web开发
rules::=selector        左括号declarations右括号declarations::= declaration{SEMICOLONdeclaration}[SEMICOLON]SEMICOLON::=分号declaration::=propertyCOLONvalueCOLON::=冒号value::=keyword listkeyword list::=keyword{SPACEkeyword}SPACE::=空格 通常会用空格做为value之间的分隔符,有...
标签: Web开发
在前几日的文章中我提到过XHTML的重要性,在那篇文章中我讲了为什么说XHTML结构重要,重视XHTML结构的好处。但是那篇文章从开发的效率入手,并没有深入细节,而今天的这篇文章是讲XHTML中的细节部分的,可以说是上一篇的续述。这篇续述的主题就是ID与CLASS怎么用,在标题中有提及使用原则与技巧,这里的使用原则与技巧是我的经验总结,并非摘自...

经验教程

574

收藏

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