【前端基础3.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;或者不处理,到文件上线压缩过后依然会去掉,但是在开发环境下就不好观看了。
    文本分隔符
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容