Dreamweaver怎么用代码链接外部样式表
首先，打开你的站点，并且建立好了html的网页，然后点击文件----新建
选择新建css
然后在弹出的对话框里选择你要把css放进去的文件夹
这里我就选择了css文件夹，并且把名字改成了main，以便以后好辨认。
新建好了，然后不用管，先点击到你的网页
然后在
下<head>中输入这个代码</p><p><link href="css/main.css" type="text/css" rel="stylesheet" /></p><p><img src="https://www.0405.net/uploads/20260722/img_6a60241e865a535.webp" /><img src="https://www.0405.net/uploads/20260722/img_6a60241e865a836.webp" /></p><p>然后保存一下，可以看见，我们的页面上面多了一个css样式的页面，这样就表示成功了。刚刚新建的样式表就可以直接删除了。</p><p><img src="https://www.0405.net/uploads/20260722/img_6a60241e865aa37.webp" /></p><p>然后就直接可以点击你链接的css样式表，在里面编写你想要的样式了。</p><p><img src="https://www.0405.net/uploads/20260722/img_6a60241e865ad38.webp" /></p>
</div>
<!-- -->
<div class="content_btn_item clearfix">
<span>喜欢(0)</span>
</div>
<!-- -->
<div class="content_page">
<a class="img_box" href="/news/3415988.html">
<div class="bg">
<p class="page">上一篇</p>
<p class="info text_overflow_2">dreamweaver编程软件的文字样式如何设置</p>
</div>
<img src="https://www.0405.net/uploads/20260722/logo_6a602417f14691.webp" alt="dreamweaver编程软件的文字样式如何设置">
</a>
<a class="img_box" href="/news/3415990.html">
<div class="bg">
<p class="page">下一篇</p>
<p class="info text_overflow_2">Photoshop怎样绘制国潮按钮</p>
</div>
<img src="https://www.0405.net/uploads/20260722/logo_6a602424f31ac1.webp" alt="Photoshop怎样绘制国潮按钮">
</a>
</div>
</div>
<!-- 列表 -->
<div style="padding-bottom: 10px;">
<div class="px15" style="font-weight: bold;font-size: .36rem;padding-top: .3rem;">猜你喜欢</div>
<ul class="px15 news_box">
<li>
<a class="clearfix" href="/news/3416047.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a6027a950c301.webp">
</span>
<div class="content">
<p class="title text_overflow_2">小米手机如何取消拍照快门声音</p>
<p class="text"><span class="icon time">2026-07-22</span> <span class="icon heart">3416047</span></p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="/news/3416045.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a6027a2dbdc01.webp">
</span>
<div class="content">
<p class="title text_overflow_2">三星手机如何取消锁定主屏幕布局</p>
<p class="text"><span class="icon time">2026-07-22</span> <span class="icon heart">3416045</span></p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="/news/3416044.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a60279cc3cb21.webp">
</span>
<div class="content">
<p class="title text_overflow_2">PS如何删除图层</p>
<p class="text"><span class="icon time">2026-07-22</span> <span class="icon heart">3416044</span></p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="/news/3416043.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a60276d0b4f21.webp">
</span>
<div class="content">
<p class="title text_overflow_2">如何用PS制作金属质感的图片</p>
<p class="text"><span class="icon time">2026-07-22</span> <span class="icon heart">3416043</span></p>
</div>
</a>
</li>
<li>
<a class="clearfix" href="/news/3416042.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a602766ab5781.webp">
</span>
<div class="content">
<p class="title text_overflow_2">Photoshop怎样绘制长颈鹿</p>
<p class="text"><span class="icon time">2026-07-22</span> <span class="icon heart">3416042</span></p>
</div>
</a>
</li>
</ul>
</div>
<!-- 底部 -->
<div class="footer_box">
<p>Copyright © 2022 漫资讯 · Powered By WordPress</p>
</div>
<div class="back_top" id="back_top"><a href="javascript:;"></a></div>
</body>
<script src="/mob/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/mob/js/lazy.js" type="text/javascript" charset="utf-8"></script>
<script src="/mob/js/flexible.js" type="text/javascript" charset="utf-8"></script>
<script src="/mob/js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tongji.zhangwan.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '9']);
// Add this code below within the Matomo JavaScript tracker code
// Important: the tracker url includes the /matomo.php
var secondaryTrackerUrl = u+'matomo.php';
var secondaryWebsiteId = 27;
// Also send all of the tracking data to this other Matomo server, in website ID 77
_paq.push(['addTracker', secondaryTrackerUrl, secondaryWebsiteId]);
// That's it!
var d=document,
g=d.createElement('script'),
s=d.getElementsByTagName('script')[0];
g.type='text/javascript';
g.async=true;
g.src=u+'matomo.js';
s.parentNode.insertBefore(g,s);
})();
</script> <script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?e9f2069e6989ecb71b4b1c8018eaf5ed";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</html>
