display
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 100px;
height: 100px;
border: 1px solid red;
display: none;
}
/*display: none; none： 表示隐藏对象 ，不为被隐藏的对象保留物理空间*/
/* span可以将文本保持同一行，不换行*/
span{
width: 100px;
height: 100px;
border: 1px solid red;
display: inline-block;
}
/* display: inline-block;是块元素，但可以内联，在一行*/
</style>
</head>
<body>
<div>div块元素</div>
<span>span行内元素</span>
</body>
浮动
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- div 元素添加圆角边框： border-radius:-->
<style>
img{
border-radius: 50px;
box-shadow:20px 20px 100px cadetblue;}（x y z color）
（主要通过box-shadow的水平和垂直阴影的偏移量 来实现，其中x为正值时，生成右边阴影，
反之为负值时，生成左边阴影；y为正值时，生成底部阴影，反之为负值时生成顶部阴影。）
</style>
</head>
<body>
<div style="width: 500px;height: 1000px">
<div style="margin: 0 auto">
<img src="../CSS/2.jpg" alt="">
</div>
</div>
</body>