行内元素和块元素

2022-09-13 16:35:06 浏览数 (2)

  • 标签的类型
    • 块元素(block)
      • 块元素特征
        • 默认独占一行
        • 没有给宽度的时候,宽度是auto,撑满一行(宽度就是父级的宽度)
        • 支持所有的css命令
      • 属于块元素标签的有
        • div,h1-h6,p,ul,li,ol,dl,dt,dd,header,nav,footer,section,article,aside
    • 行内元素(inline)
      • 行内元素的特征
        • 内容撑开宽高,宽高的值都是auto,只不过显示出来的宽高是由内容撑开的
        • 不支持设置宽高
        • 不支持上下的margin和上下padding(左右支持),上下的padding使用问题的,虽然把背影撑出来了,这只是表面现象,它不会对其它的元素有影响
        • 所有的行内元素都会在一行显示(一行可以放得下的前提下)
        • 代码换行会被解析成一个空格
      • 属于行内元素标签的有
        • a,span,strong,em,mark,img,time

0 人点赞