Dreamweaver cs4 中,如何导出CSS样式?

html-css010

Dreamweaver cs4 中,如何导出CSS样式?,第1张

工具原料:

软件:Dreamweaver CS4。

硬件:电脑。

导出CSS方法:

1、打开Dreamweaver建立项目。

2、创建任意文字设置CSS样式规则。

3、点击右上角CSS样式,鼠标右键选中CSS样式,然后导出即可。

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

1、直接在html标签元素内嵌入css样式,如

<div style="font-size:14pxcolor:#FF0000">

2、在html头部head部分内style声明插入代码如下:

<style type="text/css">

<!--

.ceshi {font-size:14px color:#FF0000}

-->

</style>

3、在html头部head部分内使用@import引用外部CSS文件方法

<style type="text/css">

<!--

@import url(wcss.css)

-->

</style>

Wcss.css文件内代码.ceshi {font-size:14pxcolor:#FF0000}

4、在html头部head部分内使用link来调用外部的css文件

在head放置<linkrel="stylesheet" href="wcss.css" type="text/css"/>来调用外部的wcss.css文件来实现html引用css文件

<linkrel="stylesheet" href="wcss.css" type="text/css"/>