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>