Dreamweaver链接css样式的方法

时间:2024-10-12 21:31:51

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样式的方法
© 手抄报圈