位置:首页 > 行业软件 > Dreamweaver CS4如何通过链接使用外部样式表

Dreamweaver CS4如何通过链接使用外部样式表

时间:2026-07-22  |  作者:318050  |  阅读:0

Dreamwea ver CS4怎么通过链接使用外部样式

在Dreamwea ver CS4里,通过链接调用外部样式,操作路径很清晰。

首先,打开DW,新建一个空白网页。注意区分“HTML”页和“CSS”。

关键步骤在左上角:文件 → 新建 → 选择“示例中的页” → “CSS样式表”。然后挑选一个预设模板,比如“完整设计,红色/黄色”这个组合,点击创建。

Dreamweaver CS4如何通过链接使用外部样式表_wishdown.comDreamweaver CS4如何通过链接使用外部样式表_wishdown.com

保存CSS文件

样式文件生成后,别急着关闭。直接点击左上角“文件” → “另存为”

保存类型务必选为CSS格式。然后给文件起个名字,点击保存。一个独立的CSS文件就落地了。

Dreamweaver CS4如何通过链接使用外部样式表_wishdown.comDreamweaver CS4如何通过链接使用外部样式表_wishdown.com

附加样式表到网页

接下来,随便打开一个需要应用样式的网页(比如之前已经做好的HTML页面)。

Dreamweaver CS4如何通过链接使用外部样式表_wishdown.com

在DW界面右侧的“CSS样式”面板中,找到带加号的小图标——“附加样式表”,点击它。

Dreamweaver CS4如何通过链接使用外部样式表_wishdown.com

弹出一个对话框,选择刚才保存好的CSS文件,点击确定。

Dreamweaver CS4如何通过链接使用外部样式表_wishdown.comDreamweaver CS4如何通过链接使用外部样式表_wishdown.com

重要细节

搞定。不过有个细节值得留意:对话框里的“URL:”路径必须要正确,不然样式不会生效,页面还是老样子。

另外,这个“附加样式表”功能里,有“链接”“导入”两种方式,操作逻辑是一样的。选“链接”更常用,也更容易维护。

Dreamweaver CS4如何通过链接使用外部样式表_wishdown.com

来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多