dreamweaver怎样创建新的CSS规则

html-css012

dreamweaver怎样创建新的CSS规则,第1张

在dreamweaver cc中可以直接创建css文件,或在内面内手写输入css代码定义规则等等。

如果要使用可视化css编辑,可以使用css设计器,在默认的界面下,在软件窗口右侧的活动窗口内就可以找到css设计器。

例如:新建一个html文件,点击css设计器的“源”窗口的“+”号,选择创建css的方式,包括:新建css;附件已有的css或在页面内创建css样式。

点击“选择器“窗口的”+“号,选择body,可以看到下面的”属性“窗口内显示出可以编辑的属性列表,鼠标点击相应的属性就可以选择或填写数值进行编辑了,在编辑的时候在”设计“窗口会显示样式的变化。

最后如果是新建的css文件,保存路径要正确。

第一、打开2019版本的dw,没有的可以下载

第二、新建html和css

第三、给top赋予css样式时

1、点击css设计器

2、选择需要赋予样式的css文件

3、在媒体选择全局(代码多时可以选择需要赋予样式的地方)。

4、在选择器中选择需要赋予样式的 css代码(top)。

5、最后在属性中选择需要赋予的布局、文本、边框、颜色、更多。至于里面的css样式表代表什么意思,我就不多说了,鼠标放置在对应空白处就有相关提示,如有显示英文代码之类的,我就不清楚。了

1,创建新的css文件,浏览,取文件名存储。

2,选中css设计器里的新创建的css文件名,打开下面的选择器。

3,点击+号新建规则

4,然后就可以在属性面板中更改各种参数(显示集不要选就都出来了)

或者点击整个屏幕左下方属性栏里的编辑规则可以出来之前的对话框来编辑。

(注意看目标规则必须是你新建立的选择器)