11块元素基础属性

1.块元素基础属性:
1) width: 设置块元素的横向大小.
常用的单位:
[1] px, 像素
[2] %, 占据父元素整体宽度的比例
[3] vw, 将浏览器整体宽度分成100份, 1vw就是1份

2) height: 设置块元素的纵向大小.
常用的单位:
[1] px, 像素
[2] %, 占据父元素整体高度的比例. 注: 父元素必须设置明确的高度才有效
[3] vh, 将浏览器当前可视高度分成100份, 1vh就是1份

<head>
    <meta charset="UTF-8">
    <title>块元素基础属性</title>
    <style>
        div{
            width: 80vw;
            height: 100px;
            background-color: green;
            color: red;
        }
        .w1{
            width: 100px;
            height: 20vw;
        }
    </style>
</head>
<body>
    <div>qweedrsdd</div>
    <div class="w1">qweedrsdd</div>


</body>

posted on 2022-04-06 14:44 小小程序猿level1 阅读(73) 评论(0) 收藏举报