一、基本概念
1.行内元素<span><a>等
2.块内元素block <div><p>
行内元素一般放文本和其他的行内元素，块内元素都可以放
二、块元素与行内元素相互转换
.s1{
background: gold;
display: block;
}
.s2{
background-color:red ;
width: 100px;
}
.s3{
background: pink;
display: inline;
}
h2.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/my3.css" /> </head> <body> <span class="s1">span1dajiahaoa</span> <div class="s2">djihao</div> <div class="s2">djihao</div> <span class="s3">大家好</span> <p class="s3">你好啊</p> </body> </html>