<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>
对，就在这里添加CSS样式。为标签设置样式有三种形式：1.直接在标签里写 style ，但不推荐使用，因为太不灵活，后期不好修改，而且也太乱了。
2.可以在<head>里，写在<style>中，通过选择器，选择想要设置样式的标签，你写的a:hover 就是一种伪类选择器。比如你说的，想给 div 设置样式，就可以直接写 :
div{
width:100px
height:100px
bockground-color:red
margin:0 auto
}
等等样式。
3.为进一步分离结构和样式，现在一般的做法都是把<style></style>的整个内容另外放到一个 .css文件中，在<head>里通过<link>来引用。
每个DIV里的class不一样。根据DIV里class的值在css里编辑就是了。 举例： CSS部分： .con1{ margin:center} .cont2{ padding:center} DIV部分： <div class="cont1">正文1</div><div class="con2">正文2</div>以上就是分别对cont1和cont2进行设置的。 希望能帮到你。记得采纳啊
