【前端基础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;或者不处理,到文件上线压缩过后依然会去掉,但是在开发环境下就不好观看了。
    【前端基础3.0】标签元素类型_第1张图片
    文本分隔符

你可能感兴趣的:(【前端基础3.0】标签元素类型)