块元素
- H5块元素
块元素在显示时,通常会以新行开始
如:< h1 >、< p >、< ul > - 内联元素
内联元素通常不会以新行开始
如:< b >、< a >、< img > - < div >元素
< div >元素也被称为块元素,其主要是组合HTML元素的容器 - < span >元素
< span > 元素是内联元素,可作为文本容器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块元素</title>
<link rel="stylesheet" type="text/css" href="mycss.css">
<style type="text/css">
span{
color: chartreuse;
}
</style>
</head>
<body>
<!--块-->
<p>大家好</p>
<h1>大家好</h1>
<b>这是一个加重标签!</b>
<div id="divid">
<p>Hello World!</p>
<a>Hello ShangHai!</a>
</div>
<div id="divspan">
<p><span>测试段</span>正常段</p>
</div>
</body>
</html>
mycss.css:
#divid p{
color: blue;
}