【div】与【span】的区别是什么?
div与span之
一、与相同处:
1、两者都是HTML标签
内容内容
2、div与span内均可以使用class
内容内容
3、div与span内均可以使用id
内容内容
4、span与div内均可以使用style属性直接写CSS代码
内容内容
5、span和div标签均可嵌入标签
二、与区别
1、拼写单词不同
标签,有四个字母(s p a n)组成
2、
div默认具有块(独占一行)属性display:block,默认宽度100%
span默认不具有块(独占一行)属性,所以span默认内容多少自适应占用多少宽度高度。
3、div标签和span标签布局时选择不同
由于网页中布局网页时,有时布局框架,有时布局小局部,而div css常用是div标签,div自然作为主要布局标签,主要用于大布局框架,小布局框架时主要选择标签。而span作为小局部小样式地方选择。一般选择不使用span作为框架标签布局。
看看下面框架与小地方属性设置标签应用:
我是内容我有不同字体效果
从上图,虽然div的应用没有设置CSS样式,只展示了html内容div标签使用,而span我们展示了小修饰时候选择span应用。通过以上实例代码要告诉大家都是,一般结构布局我们采用div标签,小小局部或小修饰地方我们采用span标签。
三、让div与span没有区别
这点作为延续思考问题,默认情况下div具有块,span不具有块功能,那么我们也可以让div和span具有相同块功能(独占一行),我们只需对span设置个display:block即可。
CSS代码:
span{ display:block}
html内容代码:
我在div内我在div内测试文字我在span内 测试文字我在span内
四、和的区别与使用总结
通过以上yuegekeji为大家介绍span与div相同,看出span与div都作为HTML标签,其大部分属性没什么区别,区别只有一个属性不同即块(display:block)有无。通俗理解,span默认紧贴内容随内容多少而自适应宽度高度,而div默认独占一行,默认情况下每个div盒子独占一行。
通常布局框架我们采用div比较多标签作为主要标签使用,而span作为小局部或小修饰地方使用。平时大家在实际做项目时候注意div与span选择,认识div与span区别。根据经验灵活选择span与div使用。
上一篇:html怎么注释?