Dreamweaver中插入CSS样式的简单步骤

5星 · 超过95%的资源 21 浏览量更新于2024-09-01 1 收藏 520KB PDF 举报

DW在html中插入css样式方法 DW（Dreamweaver）是一款功能强大的网页设计软件，使用它可以快速地创建网页。在网页设计中，css样式是必不可少的一部分，本文将为大家介绍DW在html中插入css样式的方法。 css样式的重要性 ---------------- 在网页设计中，css样式扮演着非常重要的角色。css样式可以帮助我们快速地布局网页的样式，使得网页看起来更加美观。使用css样式可以将网页的样式与内容分离，使得网页的维护更加容易。 DW在html中插入css样式的方法 ----------------------------- ### 步骤1：新建css文档首先，打开DreamweaverCS6，新建一个css文档，选中“css”，点击确定按钮。这样我们就新建了一个css文档。 ### 步骤2：编写css样式将设计好的css样式放入该页面。这里我们可以编写各种css样式，如字体样式、颜色样式、布局样式等。 ### 步骤3：保存css文件点击左上方的“文件”，选择“另存为”，将文件放到桌面，并重命名。这里命名为css。 ### 步骤4：新建html文件再点击左上方的“文件”，新建一个“html”。将设计好的网页格式输入<body> </body>中。 ### 步骤5：链接css文件找到右下角这个链接的小图标，选中。出现链接页面，点击后面的“浏览”按钮。找到刚刚存放css的地方，这里存放的地方是桌面。点击“确定”按钮。 ### 步骤6：查看结果会出现如下页面。有源代码与css，就证明你已经完成css的插入啦！ ### 步骤7：保存html文件最后一步，把做好的html保存在需要存放的位置，防止数据丢失。注意事项 ------------ 输入数据的时候要在英文输入法下输入。总结 ---- 使用DW在html中插入css样式非常简单，只需要按照上面的步骤操作即可。使用css样式可以使得网页看起来更加美观，维护也更加容易。希望这篇文章能够对大家有所帮助！

weixin_38682242

粉丝: 5
资源: 991

Dreamweaver中插入CSS样式的简单步骤

JS函数实现动态添加CSS样式表文件

Dreamweaver怎么创建CSS样式? dw插入css的教程

Dreamweaver如何给div添加css样式? dw给div添加css样式的方法

DW网页设计HTML+CSS+JAVASCRIPT

在dw中插入格式为rmvb的视频

html+css标准之路色彩相册主题dw模板

Dreamweaver网页制作怎么使用css样式嵌套?

我的DW个人网站设计——安徽宣城6页HTML+CSS+JavaScript

DW大学生网页作业制作设计 基于html+css我的家乡贵州网页项目的设计与实现

DW大学生网页作业制作设计 中华饮食文化(HTML+CSS+JavaScript) Web前端.md

最新资源

DW大学生网页作业制作设计基于html+css我的家乡贵州网页项目的设计与实现

DW大学生网页作业制作设计中华饮食文化(HTML+CSS+JavaScript) Web前端.md