Dreamweaver CS6如何应用：[28]CSS基本语法

1、CSS的基本语法结构如下所示： <style type="text/css"> <!-- .选择符{属性：值} --> </style>

2、CSS最大的一个特点。也是其优点，就是设置的可视化操作。在没有CSS以前，所有的效果都是需要用代码来完成的，对初学者来说很吃力，对设计者来说很浪费时间，而且在视觉效果的修正上很费力气，有了CSS，就可以通过可视化操作，实现所需要的效果。

3、那么，下面我们一起来看一下具体操作吧。新建一个HTML空白页

4、在设计视图输入文本‘网页设计与制作’

5、在菜单栏中选择‘窗口’-----‘CSS样式’

6、在软件的右侧面板上会出现‘css样式’面板，点击面板的图标，新建CSS规则，如下图所示：

7、在弹出的‘新建CSS规则’对话框中选择‘选择器类型’，输入‘选择器名称’，选择‘ 规则定义’

8、在弹出的‘fffff的CSS规则定义’对话框可以选择你所需要的各种样式，包括类型、背景、区块、方框、边框、列表、定位、扩展、过度

9、那我们在这个新建的CSS规则中设置字号为‘36’字体颜色为红色，加粗，点击‘确定’，详见下图：

10、选中文本，在‘属性’面板的类中，选择刚刚新建的CSS规则，

11、设计视图中的文本效果就会变成新建的CSS样式效果