博客列表 >前端开发20221021-2

前端开发20221021-2

P粉114035831
P粉114035831原创
2022年10月23日 22:53:27288浏览

盒模型

建二个文件 1.html 2.css

html

<head>盒模型</head>

<body>
<div class="box"></div>
<style>
盒子的五个核心属性:宽度,高度,内边距,边框,外边距
.box{width:150px;
height:100px;
padding:10px;
border:5px;
margin:10px}

*{padding:0;
margin:0;}

内边框距离,顺时针方向设置:上,右,下,左
.box{padding:5px,6px,7px,8px;}
三值设置:上,左右,下
.box{padding:5px,6px,7px;}
二值设备:上下,左右
.box{padding:5px,6px}
单值设置:上下左右
.box{padding:5px}

</style>
</body>

css

css/reset.css
*{margin:0;
padding:0
box-sizing:border-box;}

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议