1、打开编辑器，新建test.html，用于学习今天的内容。如下图所示：
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示：
3、在页面的body标签里，新建一个div，名称为test。如下图所示：
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。如下图所示：
5、在浏览器中打开test.html，可以在文字在页面中间显示。如下图所示：
将DIV添加进CSS里面,首先我们需要给这个div一个id或者是class,然后获取这个元素的id或者是class，css中书写样式就行了，如果是通用样式的话，我们就可以直接写div，然后加样式就行，请看代码：<html>
<head>
<style>
#div1{ //Id的写法
width:300px
height:30px
font-size:13px
}
.div1{//class写法
width:300px
height:30px
font-size:13px
}
div{ //通用样式写法
width:300px
height:30px
}
</head>
<body>
<div id='div1' class='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
