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,````
(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)