块级元素:div、p、h1-h6、br、ol、ul
行内元素:a、span、strong、b、em(斜体)、img、input、select(下拉列表)
块级元素的自带特性:
1.从新的一行开始(自动换行),垂直向下
2.高度、宽度、margin(外边距)、及padding(内边距)都可以设计。
3.宽度默认为100%
4.可以包含行内元素
行内元素的特性:
1.和其他元素都在一行。
2.高度、宽度不可设置
3.行内元素不可包含块级元素
演示代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块元素与行内元素</title>
</head>
<body>
<div>div标签(块级标签)</div>
<p>p标签(块级标签)</p >
<span>span标签(行内标签)</span>
<a href=" ">a标签(行内标签)</a >
</body>
</html>
运行结果: