3.区块元素简介

BUG之神 127

区块元素简介

3.区块元素简介 

区块元素有很多,这里先介绍二个非常简单且常用的<div><span>

div:也叫块元素,没有任何样式,就是用来划分页面功能区的.

span: 也叫内联元素,同样也没有任何样式,通常用作标签内容的容器.

那么问题来了?

什么是块元素?自动占据一行,相当于在元素尾部添加了一个回车<br>,

特点是可以设置宽度,高度,所以非常适合于页面布局

什么是内联元素?内联元素全部在一行显示,一行显示不下会折行,所以也叫行内元素,因为它天生

就是用来展示网页内容的,所以不能设置宽度和高度,它的宽高由它内部的元素决定的,例如文本,

图像,表单控件等,当然,他也不需要设定宽高.

 

div是块元素会自动占据一行

3.区块元素简介 

审查元素可以看到,它自动占据了一整行

3.区块元素简介 

span标签是行内元素,在一行显示,显示不下才换行

3.区块元素简介 

div span有时作为钩子元素,当页面内容放哪里都不合适时,可以放在这里面

分享