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;
或者不处理,到文件上线压缩过后依然会去掉,但是在开发环境下就不好观看了。
文本分隔符
网友评论