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="tips_content">郑重声明：本站发布内容宗旨在传播更多信息，仅提供查阅，与本站立场无关，不拥有所有权，不承担相关法律责任。不具有任何效益，仅供参考。如果需要专业知识建议，请咨询相关专业人士。如有侵权请联系邮箱。一经查实，立即删除！</div>
<!-- -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5776344680640037" data-ad-slot="4494831787" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({});</script>
<div class="content_btn_item clearfix">
<span class="fl">喜欢(0)</span>
</div>
<!-- -->
<div class="swiper_page clearfix">
<div class="fl_item fl">
<a href="/news/3415988.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a602417f14691.webp">
</span>
<span class="text">上一篇</span>
<p class="text_overflow_2">dreamweaver编程软件的文字样式如何设置</p>
</a>
</div>
<div class="fr_item fr">
<a href="/news/3415990.html">
<span class="img_item">
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a602424f31ac1.webp">
</span>
<span class="text">下一篇</span>
<p class="text_overflow_2">Photoshop怎样绘制国潮按钮</p>
</a>
</div>
</div>
</div>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5776344680640037" data-ad-slot="4494831787" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({});</script>
<!-- 猜你喜欢 -->
<div class="like_box lm_box">
<p>猜你喜欢</p>
<ul class="clearfix">
<li>
<a href="/news/3416041.html">
<div>
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a60276025b2b1.webp">
</div>
<p class="text_overflow_2">小米手机怎样开启私密空间</p>
</a>
</li>
<li>
<a href="/news/3416038.html">
<div>
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a6027306471c1.webp">
</div>
<p class="text_overflow_2">realme手机怎样关闭桌面下滑全局搜索栏</p>
</a>
</li>
<li>
<a href="/news/3416036.html">
<div>
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a60272a159851.webp">
</div>
<p class="text_overflow_2">三星手机如何开启智能旋转 三星手机屏幕感应教学</p>
</a>
</li>
<li>
<a href="/news/3416035.html">
<div>
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a602723e6cc71.webp">
</div>
<p class="text_overflow_2">flash怎样绘制星空</p>
</a>
</li>
<li>
<a href="/news/3416034.html">
<div>
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a6026f40c2891.webp">
</div>
<p class="text_overflow_2">AE怎么制作纸张翻页立体效果-AE制作纸张翻页立体效果的方法</p>
</a>
</li>
<li>
<a href="/news/3416033.html">
<div>
<img lazy-src="https://www.0405.net/uploads/20260722/logo_6a6026ed9ae2c1.webp">
</div>
<p class="text_overflow_2">小猿优课网页版如何登录官网-小猿优课在线入口地址在哪里</p>
</a>
</li>
</ul>
</div>
</div>
<div class="r_item">
<!-- 大家都在看 -->
<div class="lm_box">
<p>大家都在看</p>
<dl class="img_item">
<dd>
<a class="clearfix" href="/news/3406058.html">
<div class="img_icon">
<img lazy-src="https://www.0405.net/uploads/20260717/logo_6a59fbc303ad01.webp">
</div>
<div class="content">
<p class="title text_overflow_2">WPS Office手机版怎么筛选出需要的内容 wps手机版筛选方法</p>
<p class="time">2026-07-17</p>
</div>
</a>
</dd>
<dd>
<a class="clearfix" href="/news/3409026.html">
<div class="img_icon">
<img lazy-src="https://www.0405.net/uploads/20260719/logo_6a5c301acf5591.webp">
</div>
<div class="content">
<p class="title text_overflow_2">vivo浏览器在分屏模式下无法正常缩放怎么解决？</p>
<p class="time">2026-07-19</p>
</div>
</a>
</dd>
<dd>
<a class="clearfix" href="/news/3413652.html">
<div class="img_icon">
<img lazy-src="https://www.0405.net/uploads/20260721/logo_6a5ecfcba4c651.webp">
</div>
<div class="content">
<p class="title text_overflow_2">蚂蚁庄园最新答案不一定哦 2026年7月21日最新蚂蚁庄园答案</p>
<p class="time">2026-07-21</p>
</div>
</a>
</dd>
<dd>
<a class="clearfix" href="/news/3408977.html">
<div class="img_icon">
<img lazy-src="https://www.0405.net/uploads/20260719/logo_6a5c2c98686721.webp">
</div>
<div class="content">
<p class="title text_overflow_2">电脑手机模拟器怎么开启VT</p>
<p class="time">2026-07-19</p>
</div>
</a>
</dd>
<dd>
<a class="clearfix" href="/news/3409021.html">
<div class="img_icon">
<img lazy-src="https://www.0405.net/uploads/20260719/logo_6a5c2fda4f6081.webp">
</div>
<div class="content">
<p class="title text_overflow_2">爱剪辑怎样给素材添加发光消失效果-爱剪辑如何给素材添加发光消失效果</p>
<p class="time">2026-07-19</p>
</div>
</a>
</dd>
</dl>
</div>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5776344680640037" data-ad-slot="4494831787" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="footer_template">
<div class="w12_box">
<div class="l_item">
<a href=""><img src="/newindex/images/f_logo.png" alt=""></a>
</div>
</div>
<div class="link_item">
<div class="w12_box">
<em>友情链接:</em>
<a href="https://www.kofbobo.net/" title="波波三国" target='_blank'>波波三国</a>
<a href="http://www.diablofans.com.cn/" title="暗黑破坏神中文网" target='_blank'>暗黑破坏神中文网</a>
<a href="https://yeodown.jiyx.com/" title="易欧交易所" target='_blank'>易欧交易所</a>
<a href="https://www.alixixi.com/" title="阿里西西" target='_blank'>阿里西西</a>
</div>
</div>
<div class="w12_box">
<p>Copyright(C) 2020-2026 jiyx.com All Rights Reserved 联系方式：ds0405@163.com</p>
<p><a href="https://beian.miit.gov.cn/">湘ICP备2022015115号-2</a></p>
</div>
</div></body>
<script src="/index/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="/index/js/lazy.js" type="text/javascript" charset="utf-8"></script>
<script src="/index/js/tips_scroll.js" type="text/javascript" charset="utf-8"></script>
<script src="/redirect/skip.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>
</html>
