在网页制作中，Dreamweaver为大家设置了很多css规则，在css规则定义中有类型、背景、区块、方框、边框、列表、定位、扩展等，如下图所示。下面一起学习如何设置类型样式吧！
工具/原料
Dreamweaver
方法/步骤
1
css规则定义中有类型样式主要是设置字体的css样式。可以先打开软件，制作一个简单的页面，然后再对该页面进行css样式布局。为标题设置一个css样式。
2
点击css样式窗口的'新建css规则'，打开新建css规则对话框。
3
在选择器类型中选择“类”，选择器名称选择.title，见以前的经验。在规则定义中选择新建样式表文件。点击确定后选择样式文件要放置的文件夹。
4
这样就创建了一个css样式文件，并新建了一个名为.title的样式。在打开的css规则定义对话框中的左侧选择类型，这就是css规则的类型样式，主要用于设置文本的css样式。
5
设置字体样式。font-family，就是设置字体样式，可以点击后面的下拉菜单进行选择，如需要选择其他的还可以通过编辑样式列表进行添加。在此选择楷体。
6
设置字体大小。font-size，就是设置字体大小。前面下拉字体大小数值，后面下拉单位。
7
设置字体样式，font-style，就是是否有斜体，nomral是没有下面，下面是两种风格的斜体。
8
设置行高，line-height,就是行高，也就是第一行文字的底部到第二行文字的底部，可以输入数值。
9
设置字体粗细。font-weight，就是字体粗细，有加粗，更粗等选择，还可以选择数值。
10
设置文本颜色，color，就是字体颜色，可以直接选择。
11
还有其他样式的选择，比如，下划线，上划线等。
12
设置好了以后，点击确定。代码中多了一段连接到css样式文本的代码；css样式文本代码中就多了一段样式代码。
13
有了css样式还要运用到具体的html中去。点击需要加入样式的文本，并在属性面板的目标规则中选择。