1.内联元素,也叫行内元素, 在行内方向上发挥作用, 不独占一行,无法设置宽高,在竖直方向上margin padding都不可以设置
2. 内联元素和块状元素可以相互转化,这里要用到display=”block”/”online”
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>22 内联块状转化</title>
<style>
span{
width:200px;
height:200px;
background: blue;
display:block;
}
div{
width:200px;
height:200px;
background: orange;
display:inline;
}
</style>
</head>
<body>
<div> 块状</div>
<span>行内</span>
</html>