Dreamweaver CS6如何应用:[28]CSS基本语法
1、CSS的基本语法结构如下所示: <style type="text/css"> <!-- .选择符{属性:值} --> </style>
2、CSS最大的一个特点。也是其优点,就是设置的可视化操作。在没有CSS以前,所有的效果都是需要用代码来完成的,对初学者来说很吃力,对设计者来说很浪费时间,而且在视觉效果的修正上很费力气,有了CSS,就可以通过可视化操作,实现所需要的效果。
3、那么,下面我们一起来看一下具体操作吧。新建一个HTML空白页
4、在设计视图输入文本‘网页设计与制作’
![Dreamweaver CS6如何应用:[28]CSS基本语法](https://exp-picture.cdn.bcebos.com/04201aa355e983ae916a6d9968efe07815316910.jpg)
6、在软件的右侧面板上会出现‘css样式’面板,点击面板的图标,新建CSS规则,如下图所示:
![Dreamweaver CS6如何应用:[28]CSS基本语法](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048effee367c33104ebf7a75210.jpg)
8、在弹出的‘fffff的CSS规则定义’对话框可以选择你所需要的各种样式,包括类型、背景、区块、方框、边框、列表、定位、扩展、过度
![Dreamweaver CS6如何应用:[28]CSS基本语法](https://exp-picture.cdn.bcebos.com/506d92f1d8a72633d439f950c02c56ee7a7f4410.jpg)
10、选中文本,在‘属性’面板的类中,选择刚刚新建的CSS规则,
![Dreamweaver CS6如何应用:[28]CSS基本语法](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2cf5a00bcef781423bfb9b610.jpg)