【前端11】块和行内元素

【前端11】块和行内元素

Posted by LineXic on February 17, 2024
  • 注意
  • 前言 

    本教程基于尚硅谷Web前端教程发布,你们也可以理解为这是一篇尚硅谷教程的笔记,当然这里也有我自己的一些经验总结

    块和行内元素

    什么是块元素(block element)

    通常网页是由一块一块的区域组成的,在网页中一般通过块元素进行布局

    块元素布局

    常见的块元素:

    • <div>:主要用于内容上的划分
    • <p>:表示文本中的一个段落
    • <h1>~<h6>:用于区域标题

    什么是行内元素(inline element)

    行内元素用来包裹文字,如:

    • <span>:行内的组件内容,经常和<div>一起比较
    • <em>:起强调作用的元素
    • <strong>显示文本十分重要,一般用粗体表示

    注意

    1).行内元素一般我们不会让它嵌套块元素,而块元素可以嵌套几乎所有的行内元素

    2).<p>元素中是不能发任何的块元素


    阅读量:
    ☛兄dei,请我喝杯茶☚
    %