三 区块元素简介
区块元素有很多,这里先介绍二个非常简单且常用的<div>和<span>
div:也叫块元素,没有任何样式,就是用来划分页面功能区的.
span: 也叫内联元素,同样也没有任何样式,通常用作标签内容的容器.
那么问题来了?
什么是块元素?自动占据一行,相当于在元素尾部添加了一个回车<br>,
特点是可以设置宽度,高度,所以非常适合于页面布局
什么是内联元素?内联元素全部在一行显示,一行显示不下会折行,所以也叫行内元素,因为它天生
就是用来展示网页内容的,所以不能设置宽度和高度,它的宽高由它内部的元素决定的,例如文本,
图像,表单控件等,当然,他也不需要设定宽高.
div是块元素会自动占据一行
审查元素可以看到,它自动占据了一整行
span标签是行内元素,在一行显示,显示不下才换行
div span有时作为钩子元素,当页面内容放哪里都不合适时,可以放在这里面
本文作者为BUG之神,转载请注明。