1.<p style="color: siennamargin-left: 20px">
直接把样式写在代码中格式是style=""
</p>
2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">链接外部css文件,mystyle.css改成你的css路径
3.写到页面头部<head></head>之间
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
4.<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style>用import导入css文件
其中第二种跟第三种方法比较常用!
dw里怎样设置图片的css样式1、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。
2、选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。选择标签元素，下面就自动变为img，就是说为图像编辑规则。
3、比如要为图片编辑边框，就在弹出的对话框中选择边框，有三个属性可以更改，一个是类型，大小和颜色。可以根据需要选择。
4、在右侧的css面板上就多了个边框属性，代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。
5、如果要对该图像再进行修改，可以点击css样式窗口下的铅笔，在弹出的对话框中修改即可。
要设置文字css目标规则名称为.f，可以在css文件中添加以下代码：.f {
/* 这里填写目标规则的样式属性 */
}
例如，可以设置.f元素的字体大小为18px，字体颜色为红色：
.f {
font-size: 18px
color: red
}
在html代码中，可以使用class属性为.f的元素应用该样式规则，例如：
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
