养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Dreamweaver链接css样式的方法

时间:2024-09-21 08:50:40

当我们在对页面进行布局的时候,定义的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样式的方法

© 一点知识