本教程为且行资源原创，欢迎转载，遵循：“署名-非商业用途-保持一致”的创作共用协议.
在前面的介绍中，我们已经为我们的网页文档定义了#header样式，下面我们就来学习如何用css可视化面板来设置样式的属性。
我们已经知道css的基本格式是：
选择器{
属性：属性值；
}
在可视化的面板中，我们先要选择我们需要设置的对象，这就是选择器，我们在css的面板中选择#header。
我们在面板的下面再选择自己要设置的属性。在这里我们设置一下header的宽度(width:700px)高度(height:100px)以及背景颜色(#666666)等属性。
设置后的面板如下：
设置的过程只是我们在属性值的框中输入数值或选择已有的值。
在#header中我们需要一个网页的标题。输入标题我们可以借助Dreamweaver的文本工具组，在div中输入文本后选择h1标签，这样文本就会转换成h1的格式。
在这里h1默认的显示方式并不是我们所希望的，如何改变它的显示方式呢？
在这里大家要掌握如何对网页中标签设置显示样式：
选中h1的文本，单击右键，选择css样式来新建h1的样式:
有两个细节：
注意选择器的变化：这里是#header h1 这是一个包含选择器，是指定在#header中的h1标签，如果网页文档中还使用到了h1的标签，这里设置的样式对它们并不起作用。
注意样式的定义范围：在这我们是在刚刚新建的样式表文档中。重复以上css样式的定义方法，完成对h1的设置。效果如图：
