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

html-css021

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

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

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

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

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

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

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

两种方式:

通过Dreamweaver右边区域的style窗口,直接去添加对应的css样式,这样会将样式添加到页面。

通过右边调用外部的css来调用对应的css,或者自己建一个css文件然后在HTML页面选取。

了解HTML就明白如何调用css了,Dreamweaver只是更方便你使用而已,还是要掌握基本的语法才能更进步。

一般有四种方法:

1.<p style="color: siennamargin-left: 20px">

直接把样式写在代码中格式是style=""

</p>

2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">链接外部css文件,mystyle.css改成你的css路径

3.写到页面头部<head></head>之间

<style type="text/css">

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

</style>

4.<style type=”text/css”>

<!--

@import “mystyle.css”

其他样式表的声明

-->

</style>用import导入css文件

其中第二种跟第三种方法比较常用!