美文网首页简友广场让前端飞
【前端笔记3.0】标签元素类型

【前端笔记3.0】标签元素类型

作者: hijackli | 来源:发表于2019-03-21 22:43 被阅读0次

    HTML标签元素有三种不同类型:块级元素,行级元素(内联元素),行级块元素

    块级元素特点:独占一行、内容决定高度、可以设置宽高
    • 默认display: block;
    • 常见标签有:div p form table ul li h1-h6 header footer section aside article nav
    行级元素特点:和其他元素共占一行、内容决定高度、不能设置宽高
    • 默认display: inline;
    • 常见标签有:a em span strong label
    行级块元素特点: 和其他元素共占一行、内容决定高度、能设置宽高
    • 默认display: inline-block;
    • 常见标签有:img cavas input video audio
    • 注意多个行级块元素在一起会有几像素的间距,这个间距是文本分割符的间距,由于编写规范,一般我们都会换行编写标签,所以就产生了几像素的偏差。如果要去除这个偏差,在不影响子元素文字大小的情况下,可以在父级添加font-size = 0;或者不处理,到文件上线压缩过后依然会去掉,但是在开发环境下就不好观看了。
      文本分隔符

    相关文章

      网友评论

        本文标题:【前端笔记3.0】标签元素类型

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