web前端-块元素和行内元素的区别

块元素：

下面是一些常用的块元素标签：<h1>~<h6>，<p>，<ul>，<ol>，<table>，<div>，<form>

特点：

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

2、可以设置width,height属性.

3、即使设置了宽度,仍然是独占一行.

4、可以设置margin和padding属性.

行内元素 ：

下面是一些常用的行内元素标签：<span>，<a>，<br>，<b>，<strong>，<img>，<input>，<select>，<em>，<del> 

特点：

1、不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行.

2、设置width,height属性无效，它的长度高度主要根据内容决定.

3、行内元素的margin和padding属性,水平方向的都产生边距效果,但竖直方向的却不会产生边距效果.