css文件怎么放在dw里

html-css038

css文件怎么放在dw里,第1张

<head><link rel="stylesheet" href="test.css"/></head>在HTML的head标签中引用,将两个文件放在同一文件夹下,test.是你的css文件名

1、首先，打开Dreamweaver CS6，新建一个css文档，选中“css”，点击确定按钮。

2、将设计好的css样式放入该页面，@charset "utf-8"用来指定css文件的编码格式。（相关课程推荐：css视频教程）

3、点击左上方的“文件”，选择“另存为”，将文件放到桌面，并重命名。这里命名为css。

4、这样就完成了css格式文件的保存，可以在HTML文档中使用link标签进行引用。

首先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的属性面板里的“类”下拉列表来快速为其应用样式。