Dreamweaver链接css样式的方法

 时间:2024-11-10 23:56:42

当我们在对页面进行布局的时候,定义的cs衡痕贤伎s样式可以是在页面中,也可以定义到外部,进行调用css样式。那么对于以后的修改维护来说,定义外部css样式表是非常方便的。

Dreamweaver链接css样式的方法

工具/原料

AdobeDreamweaverCS6

方法/步骤

1、点击打开Dreamweaver软件。

Dreamweaver链接css样式的方法

2、打开后,点击菜单中的【文件--新建】,快捷键是CTRL+N

Dreamweaver链接css样式的方法

3、在新建文档中,选中空白页。页面类型,选择HTML。布局:无。在右侧,“附加css文竭惮蚕斗件”中,点击链接的按钮,如图所示

Dreamweaver链接css样式的方法

4、在出来的“外部链接样式表”中,点击【浏览】按钮

Dreamweaver链接css样式的方法

5、在“选择样式表”中,找到存储css的文件路径。找到文件后,选择文件,点击确定

Dreamweaver链接css样式的方法

6、在Dreamweaver弹出的提示中,仔细阅读文字后,点击【确定】

Dreamweaver链接css样式的方法

7、在外部链接样式表中,已经添加到刚刚css样式表文件的路径了。我们点击【确定】

Dreamweaver链接css样式的方法

8、在返回到新建文档中,点击【创建】

Dreamweaver链接css样式的方法

9、页面创建成功后,我们保存页面,点击代码。可以看到外部链接的代码样式,如下图所示

Dreamweaver链接css样式的方法

方法二手写代码:

1、我们龅歧仲半打开一个html页面,点击【代码】。在代码中,把css链接的代码插入到head标签中即可。输入的代码如图所示

Dreamweaver链接css样式的方法

如何在Dreamweaver中设置网页一打开就弹出信息 dw怎么添加层 【DW教程】如何在网页中设置弹出信息 Dreamweaver学习:[28]如何在网页中插入层元素 Dreamweaver(DW)怎么用代码链接外部样式表
热门搜索
板式家具图片 欧美男模图片 rtys图片 王尼玛图片 幼儿园画画简单图片