CSS技术是Web网页技术的重要组成部分，页面通过CSS的修饰可以实现用户需要的显示效果。这项技术是目前最新的网页设计技术，大部分的网页设计都基本已经替换成这项技术，所以，这门技术的重要性也就显而易见。那么，下面我们一起来看看关于CSS的基本语法和操作吧。工具/原料moreDreamweaver CS6方法/步骤1/11分步阅读

CSS的基本语法结构如下所示：

style type=text/css

!--

.选择符{属性：值}

--

/style

2/11

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

3/11

那么，下面我们一起来看一下具体操作吧。

新建一个HTML空白页

4/11

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

5/11

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

6/11

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

7/11

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

8/11

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

9/11

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

10/11

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

11/11

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

css