div和span标签

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

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

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

• 行内元素

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

• 行内块级元素

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

 

转载于:https://www.cnblogs.com/jiefangzhe/p/10715857.html