HTML div和span

目录

　　HTML块级和内联元素

　　HTML div和span元素

HTML块级和内联元素

块级元素

特性：

　　1. 独占一行，默认情况下，其宽度自动填满其父元素宽度。

　　2. 可以设置width、height

　　3. 可以设置margin、padding

　　4. 对应于display:block

块级元素又那些：

　　div  h1 p dd dl  ul ol li table thead tbody tr th td form

行内元素（内联元素）

特性：

　　1. 相邻的行内元素会排列在同一行，直到一行排不下才会换行，其宽度随元素的内容而变化。

　　2. 行内元素设置width、height无效。

　　3. 行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。

　　4. 对应于display：inline；

行内元素有那些：

　　span a img input lable select textarea 

　　注意：input、img都是行内元素，可以设置高、宽度。

HTML div和span元素

没有语义，是一个盒子，用来装内容。div是division的缩写，表示分割、分区；span是跨度、跨距。

语法：

<div>div</div>
<span>span</span>

特点：

　　1. div标签是用来布局，一行只能放一个div

　　2. span标签用来布局，一行可以放多个span