需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('div').click(function(){$(this).css('color','blue')})。
3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。
将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>
外部链接样式表：在页面的head标签中插入代码：
<link href="（css样式表）" rel="stylesheet" type="text/css" />
把这（css样式表）改为你需要链接的样式表就可以了。
然后你可以在页面外部修改css样式表，用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。
内部样式：
在页面的head标签中插入代码：
<style type="text/css"></style>
在style标签中添加样式就可以了
然后你可以在页面外部修改css样式表，用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。
但是这种方法不是很好，因为修改的时候麻烦，而且网上浏览下载的时候较慢。
如果还有什么不明白的地方，可以留个邮箱，我可以发个一些css和div的相关知识给你。
