前端学习Day7

块元素和内联元素

  • 块元素是指独占一行的元素,无论其内容多少都会独占一行
  • 常见款元素:

div 、p 、h1到h5

  • div属于典型的块元素

特点:与其他块元素相比,div不存在任何语义,不会对标签内的内容设置任何默认的样式
存在的目的就是为了实现页面布局

  • 内联元素是指只占其自身大小的元素
  • 常见的内联元素:

span、a、img、iframe

  • span 属于典型的内联元素

特点:与其他的内联元素相比,span无任何实际语义
span标签是用来选中文本,然后为选中的文本设置样式

  • 两者的区别与联系:
    div是块元素,是用于页面布局的,span是内联元素用于选中文本并为其设置样式

1.一般情况下只有块元素包含内联元素,而内联元素不能包含块元素

  1. a元素是属于内联元素,但是a元素可以包含任何元素,除了它自身

3.p元素不能包含块元素

  • 正确代码示例:

我是圆圆爸爸


我是骑猪的爸爸,我的孩子叫圆圆,祝他顺利诞生!


我是骑猪的爸爸

我是骑猪的爸爸

  • 错误代码示例:

         

你可能感兴趣的:(前端学习Day7)