简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > css教程 > 正文

关于DW在html中插入css样式的方法

不言
发布： 2018-06-11 14:46:46
原创
8914 人浏览过

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式，下为大家介绍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的样式

将设计好的网页格式输入

                                   中。

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

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

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

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

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

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

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

会出现如下页面。

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

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

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

注意事项

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

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

如何利用html2canvas 将html代码转为图片

用HTML和CSS以及JS制作简单的网页菜单界面的代码

以上是关于DW在html中插入css样式的方法的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
css样式 dw html
来源：php.cn
上一篇：关于CSS文本超出div或者span时用省略号代替的代码 下一篇：关于CSS中list-style修改列表属性控制li标签样式的问题
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
function_exists()无法判定自定义函数 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
来自于 2024-04-29 11:01:01
0
2
1788
google 浏览器 手机版显示的怎么实现 老师您好，google 浏览器怎么变成手机版样式的？
来自于 2024-04-23 00:22:19
0
10
1929
子窗口操作父窗口，输出没反应 前两句可执行，最后一句没法应
来自于 2024-04-19 15:37:47
0
1
1647
父窗口没有输出 document.onclick = function(){ window.opener.document.write('我是子窗口的输出');                  ...
来自于 2024-04-18 23:52:34
0
1
1549
关于CSS思维导图的课件在哪？ 课件
来自于 2024-04-16 10:10:18
0
0
1582
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！