dw中用什么定义了css样式会立即生效

html-css056

dw中用什么定义了css样式会立即生效,第1张

dw中用什么定义了css样式会立即生效:

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

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

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

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

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

可以用行内css、行外css、外链css

举例:

行内css:

<div style=""></div>

行外css:

<head>

    <style>

    </style>

</head>

外链css:

<head>

<link rel="stylesheet" type="test/css" href="#">

</head>

dw里怎样设置图片的css样式

1、首先在文件内插入一张图片,点击插入\图像,选择一张图片即可。

2、选中图像,点击css样式窗口的+号,新建一个CSS(相关课程推荐:css视频教程) 样式,打开对话框。选择标签元素,下面就自动变为img,就是说为图像编辑规则。

3、比如要为图片编辑边框,就在弹出的对话框中选择边框,有三个属性可以更改,一个是类型,大小和颜色。可以根据需要选择。

4、在右侧的css面板上就多了个边框属性,代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。

5、如果要对该图像再进行修改,可以点击css样式窗口下的铅笔,在弹出的对话框中修改即可。