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

沙口圆舞曲

沙口圆舞曲

2016-02-19 23:36

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

 SPAN 和 DIV 的区别

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

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

CLASS和ID的区别

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

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

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

   class可以多次引用。

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

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

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

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

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

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

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

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

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

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

 

展开更多 50%)
分享

猜你喜欢

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

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

div中class与id的区别及应用

Web开发
div中class与id的区别及应用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

SPAN和DIV的区别

Web开发
SPAN和DIV的区别

div中的id和class有什么区别

Web开发
div中的id和class有什么区别

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

DIV+CSS中ID和CLASS

Web开发
DIV+CSS中ID和CLASS

搞定CSS SPAN和DIV的区别

Web开发
搞定CSS SPAN和DIV的区别

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

寂寞深如海的QQ分组_明明错了还义无反顾

寂寞深如海的QQ分组_明明错了还义无反顾

event.currentTarget和document.activeElement用法

event.currentTarget和document.activeElement用法
下拉加载更多内容 ↓