行内元素、块级元素、可变元素的区别以及其常见元素

块级元素

1、独占一行
2、可以设置宽和高以及边距

块级元素常见元素

<div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>,
<address>,<blockquote>,<form>

行内元素

1、不能独占一行，会排列在一行，直到排满才换行
2、不能设置宽和高，无效
3、边距的上下设置无效

行内元素常见元素

<a>,<span>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>,
<img>,<input>,<select>,<textarea>,<button>

可变元素

1、不会自动换行
2、默认排列方式从左到右
3、能识别宽和高

可变元素常见元素

<button><del><iframe><ins><map><object><script>