dreamweaver怎么引入css文件和js文件

html-css050

dreamweaver怎么引入css文件和js文件,第1张

css 在 head 标签里，title标签下一行 例如 <link rel="stylesheet" href="css/style.css">，href里面是路径，在DW里一半打到href 就会有代码提示，回车就能出现一个选择路径的框。

js 像是jquery-1.9.1.min.js 这样的可以放到 刚刚我说的 css引入的代码下一行，例如：

<head>

<meta charset="UTF-8">

<title>alertWindow</title>

<link rel="stylesheet" href="css/style.css">

<script src="js/jquery-1.9.1.min.js"></script>

</head>

若是功能性的js文件（你自己写的）一般放到 </body>就是body结束标签之前比较好。

首先CSS（级联样式表）一般来讲分3种：

外联样式表：CSS样式单独写在一个CSS文件中，HTML页面使用<link>标签引入这个文件；

内联样式表：CSS样式写在HTML页面的<head>标签内；

内嵌样式表：CSS样式直接写在HTML标签的style属性里。

然后说下在DW里怎样使用它们（以下以DW CS6版本为例，其他版本大同小异）：

在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。

如果是外联样式表，在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面（注意要拖放到<head>标签内）。

在DW的CSS样式面板中可以方便的管理CSS样式，可新增、删除、修改标签的样式。

如需要为某个元素（例如一段文字）应用某个样式，可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。

把外部的 CSS样式和JS文件，导入DW软件中，一般都是通过在DW中新建一个站点目录，然后在设置一个文件夹，为站点的根目录，然后在这个目录中有个js和css的文件夹，包涵着文件，然后在DW的站点中，就能看到JS、css文件了，可以看下步骤截图：

1.点击站点-》新建站点，填写好你的站点名字，文件路径

2.然后点击保存之后，这个目录下的所有文件就都导入进来了，这样就能到js和css文件了。