dw,外部CSS样式表怎么做?能不能把代码复制过来

html-css013

dw,外部CSS样式表怎么做?能不能把代码复制过来,第1张

新建一个.css的样式表文件 mycss.css

然后根据选择器写样式比如id选择器

#id{

font-size:40px

}

class选择器

.class{

font-size:40px

}

标签选择器

h1{

font-size:40px

}

然后把外部样式引入到你要用的那个html文件

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

选择在教程:向页面添加内容中粘贴到页面中的第一段文本。

在“属性”检查器中查看,并确保使用段落标签设置了该段落的格式。

如果“属性”检查器中的"格式"弹出式菜单显示“段落”,则已使用段落标签设置了段落的格式。如果“属性”检查器中的“格式”弹出式菜单显示"无"或其它内容,则选择“段落”来设置段落的格式。

对第二段重复第 3 步。

在“CSS 样式”面板(“窗口”>“CSS 样式”)中,单击位于面板右下角的“附加样式表”按钮。

在“附加外部样式表”对话框中,单击"浏览"并浏览到上一节创建的 cafe_townsend.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的属性面板里的“类”下拉列表来快速为其应用样式。