Dreamweaver怎么用代码链接外部样式表
来源：互联网
时间：2026-07-22 08:44:44
Dreamwea ver怎么用代码链接外部样式表
在Dreamwea ver里做网页，外部样式表是管理网站风格最干净的方式。不用每次都在每个页面里重复写样式，改一个文件，全站跟着变。下面就说一下怎么用代码手动链接外部CSS，其实就几步。
先把站点打开，HTML页面准备好。然后点击“文件”菜单，选择“新建”。
在新建对话框里，选择“CSS”类型。
接着会弹出一个保存对话框，让你选择CSS文件要放哪个文件夹。这里建议专门建一个叫“css”的文件夹，把所有样式文件统一管理。
我就选定了css文件夹，并把文件名改成“main.css”，这样以后看到就知道是主要的样式表，好辨认。
CSS文件新建好之后，先别急着写样式，先切回你的HTML页面。
在HTML的`
`标签里，`
`标签的下面，输入这一行代码：</p>
<p><code><link href="css/main.css" type="text/css" rel="stylesheet" /></code></p>
<p><img src="http://m.haoling.cc/uploadfile/2026/0722/39bbf21265d6c995cc8598f25aa7c50d.webp" /><img src="http://m.haoling.cc/uploadfile/2026/0722/92c19f645c19b83c2e03956d8e60b3ff.webp" /></p>
<p>然后保存一下HTML文件。注意看，在Dreamwea ver的标签栏里，页面名称旁边多了一个“css样式”的页面标签，这就表示链接成功了。刚刚新建的空白CSS文件可以直接删掉（其实不用删，留着编辑样式就行）。</p>
<p><img src="http://m.haoling.cc/uploadfile/2026/0722/c6818087a2ef6dfef1a0f687f5c521ed.webp" /></p>
<p>接着，双击那个链接进来的“main.css”标签，打开它，在里面编写你想要的样式规则就行了。写完之后，HTML页面会自动应用这些样式。</p>
<p><img src="http://m.haoling.cc/uploadfile/2026/0722/7963c17db65de485a6eab8a4dc52f9c8.webp" /></p> </div>
<!-- 相关阅读 -->
<div class="contccBox">
<div class="comtcTitle">
<h2><em class="em1"></em> 相关阅读 </h2>
<a href="http://m.haoling.cc/wenzhang_list/53-1.html"> <em class="icon1 em2"></em> </a>
<div class="clear"></div>
</div>
<ul class="corrReadList">
<li>
<a href="http://www.haoling.cc/wenzhang/562015/">
<em></em>
<span> Hello Kitty My Dream Store赛季任务如何完成-Hello Kitty My Dream Store赛季任务的做法 </span>
</a>
</li>
<li>
<a href="http://www.haoling.cc/wenzhang/564373/">
<em></em>
<span> Hello Kitty My Dream Store店铺排名怎么提升 </span>
</a>
</li>
<li>
<a href="http://www.haoling.cc/wenzhang/579393/">
<em></em>
<span> 降低门槛、自带生态:腾讯内测“TDream”欲重构视频生产体验 </span>
</a>
</li>
<li>
<a href="http://www.haoling.cc/wenzhang/598964/">
<em></em>
<span> Hello-Kitty-My-Dream-Store零氪如何经营-零氪经营Hello-Kitty-My-Dream-Store的方法 </span>
</a>
</li>
<li>
<a href="http://www.haoling.cc/wenzhang/654616/">
<em></em>
<span> Hello Kitty My Dream Store店铺排名如何提升 </span>
</a>
</li>
</ul>
</div>
<!-- 相关手游 -->
<div class="contccBox">
<div class="comtcTitle">
<h2><em class="em1"></em> 相关下载 </h2>
<a href="http://m.haoling.cc/sjyx_list/38-1-1.html"> <em class="icon1 em2"></em> </a>
<div class="clear"></div>
</div>
<ul class="servertList">
<li>
<a href="http://m.haoling.cc/xiazai/96840/" class="aImg">
<img src="http://m.haoling.cc/uploadfile/2021/0729/thumb_62_62_162752338962183.png" alt="含羞草实验研所入口">
</a>
<dl>
<dt> <a href="http://m.haoling.cc/xiazai/96840/"> 含羞草实验研所入口 </a></dt>
<dd class="cont1">
热门软件 | </dd>
<dd class="cont2">
<a href="javascript:void(0)"> 影视播放 </a>
<a href="javascript:void(0)"> 视频观看 </a>
<a href="javascript:void(0)"> 福利视频 </a>
</dd>
</dl>
<a href="http://m.haoling.cc/xiazai/96840/" class="download">
下载
</a>
<div class="clear"></div>
</li>
<li>
<a href="http://m.haoling.cc/xiazai/237936/" class="aImg">
<img src="http://m.haoling.cc/statics/images/nopic.gif" alt="关于柯南的沙雕网名有哪些">
</a>
<dl>
<dt> <a href="http://m.haoling.cc/xiazai/237936/"> 关于柯南的沙雕网名有哪些 </a></dt>
<dd class="cont1">
角色扮演 | 1 </dd>
<dd class="cont2">
<a href="javascript:void(0)"> 网名 </a>
</dd>
</dl>
<a href="http://m.haoling.cc/xiazai/237936/" class="download">
下载
</a>
<div class="clear"></div>
</li>
<li>
<a href="http://m.haoling.cc/xiazai/101844/" class="aImg">
<img src="http://m.haoling.cc/statics/images/nopic.gif" alt="最新中性名字男女通用网名有哪些">
</a>
<dl>
<dt> <a href="http://m.haoling.cc/xiazai/101844/"> 最新中性名字男女通用网名有哪些 </a></dt>
<dd class="cont1">
角色扮演 | 1 </dd>
<dd class="cont2">
<a href="javascript:void(0)"> 网名 </a>
</dd>
</dl>
<a href="http://m.haoling.cc/xiazai/101844/" class="download">
下载
</a>
<div class="clear"></div>
</li>
<li>
<a href="http://m.haoling.cc/xiazai/94905/" class="aImg">
<img src="http://m.haoling.cc/statics/images/nopic.gif" alt="关于蓝色说唱的网名有哪些">
</a>
<dl>
<dt> <a href="http://m.haoling.cc/xiazai/94905/"> 关于蓝色说唱的网名有哪些 </a></dt>
<dd class="cont1">
角色扮演 | 1 </dd>
<dd class="cont2">
<a href="javascript:void(0)"> 网名 </a>
</dd>
</dl>
<a href="http://m.haoling.cc/xiazai/94905/" class="download">
下载
</a>
<div class="clear"></div>
</li>
<li>
<a href="http://m.haoling.cc/xiazai/31008/" class="aImg">
<img src="http://m.haoling.cc/uploadfile/2021/0330/thumb_62_62_161703918873594.jpg" alt="病娇姐姐的囚禁">
</a>
<dl>
<dt> <a href="http://m.haoling.cc/xiazai/31008/"> 病娇姐姐的囚禁 </a></dt>
<dd class="cont1">
角色扮演 | 392.1MB </dd>
<dd class="cont2">
<a href="javascript:void(0)"> galgame </a>
<a href="javascript:void(0)"> 病娇 </a>
<a href="javascript:void(0)"> 恋爱 </a>
</dd>
</dl>
<a href="http://m.haoling.cc/xiazai/31008/" class="download">
下载
</a>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
</div>
</main>
<script language="JavaScript" src="/api.php?op=count&id=659935&modelid=1"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/tongji.js"></script>
<script src="/js/jquery.cookie.js"></script>
<script src="/statics/js/jumbpc.js"></script>
<footer class="1 - 659935">
<div class="cnFooter">
<ul class="reuscnt">
<li><a href="/"> 首页 </a></li>
<li><a href="#"> 返回顶部 </a></li>
</ul>
<p> 版权所有 Copyright@2012-2013 haoling.cc </p>
<!-- <p> <a href="https://beian.miit.gov.cn/" style="color:#FFFFFF ;text-decoration: none" rel="nofollow">湘ICP备2020018889号</a></p> -->
</div>
</footer>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?a9b5572ec2f2f718f384d2d47a74c5cc9d3e5221b39cb9c192000ab90a26ffaec112ff4abe50733e0ff1e1071a0fdc024b166ea2a296840a50a5288f35e2ca42";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script>
</body>
</html> 