美文网首页
div和span标签

div和span标签

作者: CJCJCCJ | 来源:发表于2016-11-10 14:26 被阅读27次

1.什么是div?
作用: 一般用于配合css完成网页的基本布局

2.什么是span?
作用: 一般用于配合css修改网页中的一些局部信息

3.div和span有什么区别?
1.div会单独的占领一行,而span不会单独占领一行
2.div是一个容器级的标签, 而span是一个文本级的标签

4.容器级的标签和文本级的标签的区别?
容器级的标签中可以嵌套其它所有的标签
文本级的标签中只能嵌套文字/图片/超链接

容器级的标签
div h ul ol dl li dt dd ...

文本级的标签
span p buis strong em ins del ...

注意点:
哪些标签是文本级的哪些标签是容器级的, 我们不用刻意去记忆, 在企业开发中一般情况下要嵌套都是嵌套在div中, 或者按照组标签来嵌套

例子1:

span{    
        color: red;
}
<div>我是div</div>
<div>我是div</div>
<span>我是span</span>
<span>我是span</span>
Paste_Image.png

例子2:

span{    
        color: red;
}
<p>努力到<span>无能为力</span>, 拼搏到<span>感动自己</span></p>
Paste_Image.png

相关文章

  • CSS的显示模式

    1 div和span标签 1 div标签的作用是什么2 span标签的作用是什么3 div和span有什么区别4 ...

  • html

    块级标签

    div和span是非常重要的标签,div的语义是division“分割”; s...

  • 3-HTML标签(2)

    一、div和span div和span是非常重要的标签,div的语义是division“分割”; span的语义就...

  • CSS显示模式

    div 和 span 标签 div标签:配合CSS完成网页的基本布局,设置样式 span标签:配合CSS来修改网页...

  • div与span的区别

    理解div与span的区别: div和span是非常重要的标签,div的语义是division“分割”; span...

  • CSS学习笔记(四)

    一、div 和 span 标签 1、div 标签一般用于配合css完成网页中基本布局 2、span标签一般用于配...

  • div和span标签

    1.什么是div?作用: 一般用于配合css完成网页的基本布局 2.什么是span?作用: 一般用于配合css修改...

  • div和span标签

    什么是div 作用:一般用于配合css完成网页的布局 什么是span 作用:一般用于配合css修改局部的信息 di...

  • HTML基础标签

    文本标签 div和span标签 和 是没有语义的,它们就是一个盒子,用来装内容的。div是块元素,span是行...

  • 05-CSS显示模式

    div和span标签 什么是div标签?一般用于配合css完成网页的基本布局 什么是span标签?一般用于配合cs...

网友评论

      本文标题:div和span标签

      本文链接:https://www.haomeiwen.com/subject/quhxpttx.html