欢迎大家来到IT世界,在知识的湖畔探索吧!

1 块级元素

1-1特点

-独占一行，一行只能显示一个

-宽度默认是父元素的宽度，高度默认由内容撑开

-可以设置宽度

2 代表标签

div， p， h系列 ，ul ，li ，dl ，dt ，dd ，form， header·······

3-浏览器显示

3-1代码div显示为独占一行；宽度是body的宽度；

3-2其他的块标签在浏览器中的显示

3-3 添加了宽高后，能生效；

类选择器截图

添加了类选择器的块级标签显示的内容；

总结，块级标签，可以独占一行，宽度是父级标签的100%，给予宽高时，可以显示出背景的宽高。

4 行内标签

4-1显示特点

-一行可以显示多个

-宽度和高度默认有内容撑开

-不可以设置宽高

代码：

浏览器显示

4-2 行内标签对比

类选择截图

对比代码截图

浏览器显示截图：

浏览器显示不论加不加背景，行内块都是显示的不换行，背景颜色都在内容行内显示。

4-3参照对比

类选择截图

代码和浏览器显示对比

span标签是个行内标签，给他赋予了宽高也是在行内内容显示。

其他标签给予宽高会有相应的变化。

4-2代表标签

a,span,b,u,i,s,strong,ins,em,del,““

（仅为个人自学的一点点思考，如有错漏，欢迎留言指正）