dw 怎么在 html 链接 CSS 文件? 下面本篇文章给大家介绍一下 dw 把 HTML 和 CSS 文件链接起来的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
1, 在软件中先建立一个站点并在站点中新建一个 CSS 文件夹和一个 HTML 文件.(可以点击下方引用经验查看如何创建一个站点)
2, 在右上角点击 [CSS 设计器] , 并在下方点击 [+ 号] , 然后选择 [创建新的 CSS 文件] .
3, 在创建窗口中, 点击 [浏览] 按钮.
4, 然后选择站点中已经创建好的名字是 CSS 的文件夹, 然后输入想创建的 CSS 的名字 (要用英文哦), 点击 [保存] .
5, 然后把添加为设置成 [链接] , 点击 [确定] 按钮.
6, 添加完成后就可以在右侧的站点中的 CSS 文件夹下看到刚创建好的 CSS 样式表文件了.
7, 在左侧的 [head] 标签中, 就多了一行链接到 CSS 文件的代码. 在顶部 tab 标签中也可以看到链 接的样式表.
8, 接下来写一个简单的网页来看下 CSS 样式表是否链 接成功. 打开 HTML 网页编辑页面, 在 [body] 标签中输入一个 div. 如下图:
9, 然后在顶部 tab 标签中选择刚才创建的 CSS 样式表, 并在样式表中写一个样式, 命名为 [aaa] , 并保存样式表 [快捷键 Ctrl+S] .
10, 然后回到 HTML 编辑页面, 在 div 标签中引入 class, 输入刚才写的样式的名称 [aaa] 并保存网页 [快捷键 Ctrl+S] .
11, 点击顶部的设计按钮, 就可以看到实时效果.
12, 也可以按快捷键 F12, 直接用浏览器打开, 可以看到真实的效果. 证明我们的 CSS 链接到 HTML 中是没有问题.
更多 CSS 的相关知识, 可访问: web 前端自学!!
来源: http://www.css88.com/qa/css3/17954.html