前端学习-元素显示模式

html元素一般分为块元素和行内元素两种类型

块元素:

1. 自己独占一行
2. 高度宽度内边距外边距都能自己设置
3. 宽度默认是父元素的100%
4. 大容器,可以放任何元素
5. 文字类的元素内不能使用块级元素(p标签,h1~h6标签)

行内元素

1. 相邻行内元素都在一行
2. 宽度和高度不能设置
3. 默认宽度就是本身内容的宽度
4. 行内元素这个容器比块元素小,除了块都能放
5. 链接里不能放链接
6. 特殊情况a标签里可以放块元素,a需要转换

行内块元素

最常见的:img,input,td

1. 可以设置宽度和高度(块的特点)
2. 在一行上,但是中间会有空隙(行内特点)
3. 默认宽度是内容宽度(行内特点)