7. CSS div和span标签

作者: 一Left一 | 来源:发表于2017-04-08 20:11 被阅读11次

1、div

  • 用于配合CSS对网页进行布局
    2、span

  • 对网页进行局部修改
    3、区别

  • div会单独占住一行,span不会

  • div是容器级别的标签,span是文本级别的标签

    • 容器级别的标签可以嵌套其他所有的标签
    • 文本的则只能嵌套文字、超链接、图片
  • 在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级

  • 在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素

    • 容器级:div h ul ol dl li 等等
    • 文本级 span p buis stong em ins dei 等等
  • display属性

    • inline 行内
    • inline-block 行内块级
    • block块级

块级元素 p div h ul ol dl li dt dd
行内元素 span buis strong em ins del

  • 块级元素和行内元素的区别?

    • 块级元素
    • 独占一行
    • 如果没有设置宽度, 那么默认和父元素一样宽
    • 如果设置了宽高, 那么就按照设置的来显示
  • 行内元素

    • 不会独占一行
    • 如果没有设置宽度, 那么默认和内容一样宽
    • 行内元素是不可以设置宽度和高度的
  • 行内块级元素

    • 为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

相关文章

  • CSS显示模式

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

  • 7. CSS div和span标签

    1、div 用于配合CSS对网页进行布局2、span 对网页进行局部修改3、区别 div会单独占住一行,span不...

  • CSS学习笔记(四)

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

  • 05-CSS显示模式

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

  • CSS显示模式

    Div和Span标签 Div: 一般用于配合css完成网页的基本布局Span: 一般用于配合css修改网页中的一些...

  • 04-CSS基础-CSS显示模式

    Div和Span标签 div:一般用于配合css完成网页的基本布局。span:一般用于配合css修改网页中的一些局...

  • CSS显示模式

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

  • 6.1 css 显示模式 -背景和精灵图

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

  • 12-CSS基础-CSS显示模式

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

  • H5前端开发学习笔记——0x11CSS显示模式

    CSS显示模式 课时90 div和span标签(掌握) 课时91 CSS元素显示模式(掌握) 课时92 CSS元素...

网友评论

    本文标题:7. CSS div和span标签

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