块元素与行列元素

一、基本概念

1.行内元素<span><a>等

2.块内元素block <div><p>

行内元素一般放文本和其他的行内元素，块内元素都可以放

二、块元素与行内元素相互转换

.s1{
    background: gold;
    display: block;
}
.s2{
    background-color:red ;
     100px;
}
.s3{
    background: pink;
    display: inline;
}

View Code

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>

View Code

原文地址：https://www.cnblogs.com/helloworld2019/p/10902872.html