需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：textarea {margin-top: 100px}。
3、浏览器运行index.html页面，此时文本框被成功下移了100px。
1 方法:
①设置div1的margin-top的值为 (div的height-div1的height)/2
②设置div1的display值为 inline-block
2 代码
<html><head>
<title></title>
<style type="text/css">
div {
width: 700px
height: 100px
background-color: #93C
}
#div1 {
width: 700px
height: 40px
background-color: #06F
margin-top: 30px
display: inline-block
}
</style>
</head>
<body>
<div>
<div id="div1">div1</div>
</div>
</body>
</html>
3 显示效果如下
