DW在html中插入css样式方法_Dreamweaver教程

发布时间：2022-04-15 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了DW在html中插入css样式方法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

  在使用Dreamweaver CS6进行网页制作的时候，页面布局样式会很多。可以利用插入css样式将页面样式单独保存，以达到简化代码的目的。下面小编就为大家介绍DW在htML中插入css样式方法，不会的朋友可以参考本文，来看看吧！

利用Dreamweaver CS6在html中插入css的样式

步骤

首先，打开Dreamweaver CS6，新建一个css文档，选中“css”，点击确定按钮。

利用Dreamweaver CS6在html中插入css的样式

将设计好的css样式放入该页面。

利用Dreamweaver CS6在html中插入css的样式

点击左上方的“文件”，选择“另存为”，将文件放到桌面，并重命名。这里命名为css。

利用Dreamweaver CS6在html中插入css的样式

再点击左上方的“文件”，新建一个“html”。

利用Dreamweaver CS6在html中插入css的样式

将设计好的网页格式输入<body>

</body>中。

利用Dreamweaver CS6在html中插入css的样式

找到右下角这个链接的小图标，选中。

利用Dreamweaver CS6在html中插入css的样式

出现链接页面，点击后面的“浏览”按钮。

利用Dreamweaver CS6在html中插入css的样式

找到刚刚存放css的地方，这里存放的地方是桌面。点击“确定”按钮。

利用Dreamweaver CS6在html中插入css的样式

会出现如下页面。

有源代码与css，就证明你已经完成css的插入啦！

利用Dreamweaver CS6在html中插入css的样式

最后一步，把做好的html保存在需要存放的位置，防止数据丢失。

注意事项

输入数据的时候要在英文输入法下输入。

以上就是DW在html中插入css样式方法介绍，操作很简单的，大家学会了吗？希望这篇文章能对大家有所帮助！

@H_512_85@

脚本宝典总结

以上是脚本宝典为你收集整理的DW在html中插入css样式方法全部内容，希望文章能够帮你解决DW在html中插入css样式方法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：html

猜你在找的Dreamweaver教程相关文章