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="/uploads/20260721/178463408981889.webp" /><img src="/uploads/20260721/178463408958839.webp" /></p>
<p>然后保存一下HTML文件。注意看，在Dreamwea ver的标签栏里，页面名称旁边多了一个“css样式”的页面标签，这就表示链接成功了。刚刚新建的空白CSS文件可以直接删掉（其实不用删，留着编辑样式就行）。</p>
<p><img src="/uploads/20260721/178463408924184.webp" /></p>
<p>接着，双击那个链接进来的“main.css”标签，打开它，在里面编写你想要的样式规则就行了。写完之后，HTML页面会自动应用这些样式。</p>
<p><img src="/uploads/20260721/178463409080756.webp" /></p> </div>
<div class="laiyuan">
本文转载于：https://soft.3dmgame.com/gl/14483.html 如有侵犯，请联系zhengruancom@outlook.com删除。<br/>免责声明：正软商城发布此文仅为传递信息，不代表正软商城认同其观点或证实其描述。
</div>
<div class="zrSypBox">
<p>上一篇：<a href="https://www.zhengruan.com/news/714543" title="photoshop怎么运用油漆桶工具填充颜色" class="aRed">photoshop怎么运用油漆桶工具填充颜色</a></p>
<p class="right">下一篇：<a href="https://www.zhengruan.com/news/714545" title="Photoshop怎么绘制国潮按钮" class="aRed">Photoshop怎么绘制国潮按钮</a></p>
<div class="clear"></div>
</div>
<div class="zrDtxwBox">
<div class="zrByddTitle">
<span><h2>产品推荐</h2></span>
</div>
<ul class="zrTxdmList3">
<li class="one">
<div class="zrTxdmCont5">
<div class="zrTxdmImg4 dianji">
<a href="https://www.zhengruan.com/news/soft69" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/cd14258f0172a172f8a80798c38c1577.jpg" alt="DAEMON Tools Lite 10"></a>
<span class="xianshi">
<p>售后无忧</p>
<em><a href="https://www.zhengruan.com/news/soft69" title="立即购买>">立即购买></a></em>
</span>
</div>
<div class="zrTxdmIn4">
<dl>
<dt><a href="https://www.zhengruan.com/news/soft69" title="DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Lite 10【序列号终身授权 + 中文版 + Win】</a></dt>
<dd>
<span>￥150.00</span>
<p>office旗舰店</p>
</dd>
</dl>
</div>
</div>
</li>
<li >
<div class="zrTxdmCont5">
<div class="zrTxdmImg4 dianji">
<a href="https://www.zhengruan.com/news/soft67" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/fbf473d4d30833324962e441c0f18265.jpg" alt="DAEMON Tools Ultra 5"></a>
<span class="xianshi">
<p>售后无忧</p>
<em><a href="https://www.zhengruan.com/news/soft67" title="立即购买>">立即购买></a></em>
</span>
</div>
<div class="zrTxdmIn4">
<dl>
<dt><a href="https://www.zhengruan.com/news/soft67" title="DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Ultra 5【序列号终身授权 + 中文版 + Win】</a></dt>
<dd>
<span>￥198.00</span>
<p>office旗舰店</p>
</dd>
</dl>
</div>
</div>
</li>
<li >
<div class="zrTxdmCont5">
<div class="zrTxdmImg4 dianji">
<a href="https://www.zhengruan.com/news/soft68" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/1ae250399abf4ff584d86d52c79b5bb6.jpg" alt="DAEMON Tools Pro 8"></a>
<span class="xianshi">
<p>售后无忧</p>
<em><a href="https://www.zhengruan.com/news/soft68" title="立即购买>">立即购买></a></em>
</span>
</div>
<div class="zrTxdmIn4">
<dl>
<dt><a href="https://www.zhengruan.com/news/soft68" title="DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】" class="aBlack">DAEMON Tools Pro 8【序列号终身授权 + 中文版 + Win】</a></dt>
<dd>
<span>￥189.00</span>
<p>office旗舰店</p>
</dd>
</dl>
</div>
</div>
</li>
<li >
<div class="zrTxdmCont5">
<div class="zrTxdmImg4 dianji">
<a href="https://www.zhengruan.com/news/soft29" class="img"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20200428/77d3c04866e1b842d9b6ff0e9368bdf8.jpg" alt="CorelDRAW X8 简体中文"></a>
<span class="xianshi">
<p>售后无忧</p>
<em><a href="https://www.zhengruan.com/news/soft29" title="立即购买>">立即购买></a></em>
</span>
</div>
<div class="zrTxdmIn4">
<dl>
<dt><a href="https://www.zhengruan.com/news/soft29" title="CorelDRAW X8 简体中文【标准版 + Win】" class="aBlack">CorelDRAW X8 简体中文【标准版 + Win】</a></dt>
<dd>
<span>￥1788.00</span>
<p>office旗舰店</p>
</dd>
</dl>
</div>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
<ul class="zrZbrjList" style="padding-top:10px;">
<li>
<a href="https://www.zhengruan.com/news/750035" class="img1" title="小红书深色模式怎么关">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260816/178689238857969.jpg" alt="小红书深色模式怎么关">
<span>正版软件</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/750035" title="小红书深色模式怎么关" class="aBlack">小红书深色模式怎么关</a></dt>
<dd class="cont1">小红书深色模式关闭全攻略：告别“夜间模式”困扰 最近有没有发现，你的小红书界面突然“黑”了？这不是手机坏了，而是深色模式被启用了。虽然深色模式护眼，但不少人还是习惯经典的浅色界面，觉得看着更清晰舒服。今天，就跟你详细聊聊，怎么把这个“暗黑模式”给关掉，方法有好几种，总有一款能解决你的问题。 一、关闭</dd>
<dd class="cont2">
<!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
<span class="cont2"><b></b>3小时前 22:59</span>
<span class="cont4"><b></b>0</span>
</dd>
</dl>
</li>
<li>
<a href="https://www.zhengruan.com/news/750034" class="img1" title="cad看图王云图网页版入口">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260816/178689237746309.png" alt="cad看图王云图网页版入口">
<span>正版软件</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/750034" title="cad看图王云图网页版入口" class="aBlack">cad看图王云图网页版入口</a></dt>
<dd class="cont1">cad看图王云图网页版入口为https://web.gstarcad.com/，支持多端同步、专业图纸交互、加密云端存储及跨版本兼容。 “CAD看图王云图网页版的入口到底在哪儿？”——这已悄然成为众多设计师和工程师高频搜索的“共同课题”。别再东寻西找了，那个能让你随时随地、打开浏览器就能审阅图纸的关</dd>
<dd class="cont2">
<!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
<span class="cont2"><b></b>3小时前 22:59</span>
<span class="cont4"><b></b>0</span>
</dd>
</dl>
</li>
<li>
<a href="https://www.zhengruan.com/news/750033" class="img1" title="write的现在进行时变化规则">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260816/178689237071065.jpg" alt="write的现在进行时变化规则">
<span>正版软件</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/750033" title="write的现在进行时变化规则" class="aBlack">write的现在进行时变化规则</a></dt>
<dd class="cont1">说起英语的现在进行时，很多初学者第一个想问的就是：它究竟该怎么构成？规则复杂吗？其实，掌握它的构成是有清晰路径可循的，咱们不妨借助一个大家都熟悉的工具来直观地看一看。 第一步：启动你的查询工具 首先，最直接的方法就是打开百度翻译的官网首页。就像下图所展示的，你只需在页面中央那个醒目的输入框里，敲入你</dd>
<dd class="cont2">
<!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
<span class="cont2"><b></b>3小时前 22:59</span>
<span class="cont4"><b></b>0</span>
</dd>
</dl>
</li>
<li>
<a href="https://www.zhengruan.com/news/750032" class="img1" title="AO3作品打不开怎么办">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260816/178689231747800.png" alt="AO3作品打不开怎么办">
<span>正版软件</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/750032" title="AO3作品打不开怎么办" class="aBlack">AO3作品打不开怎么办</a></dt>
<dd class="cont1">当AO3作品页面死活打不开、持续转圈或跳“Retry Later”提示时，别慌。按顺序试试这五步：一、切个镜像站点；二、强制刷新绕缓存；三、查查JavaScript等权限开了没；四、先把广告拦截插件关一下；五、终极方案——用Tor浏览器直连官方站。 想追的同人文读不了，页面卡在加载界面？这事儿确实挺</dd>
<dd class="cont2">
<!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
<span class="cont2"><b></b>3小时前 22:58</span>
<span class="cont4"><b></b>0</span>
</dd>
</dl>
</li>
<li>
<a href="https://www.zhengruan.com/news/750031" class="img1" title="爱作业布置纸质作业指南">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260816/178689231166549.jpg" alt="爱作业布置纸质作业指南">
<span>正版软件</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/750031" title="爱作业布置纸质作业指南" class="aBlack">爱作业布置纸质作业指南</a></dt>
<dd class="cont1">在爱作业平台发布纸质家庭作业：详细操作指南 对于很多习惯使用纸质作业的班级来说，在爱作业平台上完成布置其实是个很简单的流程。下面这个三步走的指南，能帮助老师们快速上手，确保作业顺利下发。 第一步：进入班级，找到布置入口 首先，你需要进入对应的班级管理页面。在这里，一眼就能看到“布置纸质作业”的选项，</dd>
<dd class="cont2">
<!--<span class="cont1"><img src="zrimages/example/img10.png"/>山外的鸭子哥</span>-->
<span class="cont2"><b></b>3小时前 22:58</span>
<span class="cont4"><b></b>0</span>
</dd>
</dl>
</li>
</ul>
</div>
<!--左边 end-->
<!--右边-->
<div class="zrZuoRight">
<!-- <div class="zrBanner"><a href="#"><img src="zrimages/example/img11.png"/></a></div>-->
<div class="zrByddBox">
<div class="zrByddTitle"><span><h2>最新发布</h2></span></div>
<ul class="zrByddList">
<li>
<a href="https://www.zhengruan.com/news/467105" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20250908/175730383917013.jpeg" alt="动漫共和国官网入口在线看">
<span>1</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/467105" title="动漫共和国官网入口在线看" class="aBlack">动漫共和国官网入口在线看</a></dt>
<dd><b></b>343天前</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/453354" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20250820/175567878615240.jpeg" alt="B站免费入口官网-B站在线观看永久畅享">
<span>2</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/453354" title="B站免费入口官网-B站在线观看永久畅享" class="aBlack">B站免费入口官网-B站在线观看永久畅享</a></dt>
<dd><b></b>前天 08-14 16:55</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/561969" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260118/176871512359949.png" alt="51漫画高清入口及最新章节更新">
<span>3</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/561969" title="51漫画高清入口及最新章节更新" class="aBlack">51漫画高清入口及最新章节更新</a></dt>
<dd><b></b>前天 08-14 10:56</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/536426" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20251209/176524417472562.png" alt="拷贝漫画最新官网入口2025">
<span>4</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/536426" title="拷贝漫画最新官网入口2025" class="aBlack">拷贝漫画最新官网入口2025</a></dt>
<dd><b></b>前天 08-14 13:36</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/422461" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20250625/175081749977646.jpg" alt="高德地图是哪个国家开发的？">
<span>5</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/422461" title="高德地图是哪个国家开发的？" class="aBlack">高德地图是哪个国家开发的？</a></dt>
<dd><b></b>418天前</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/85615" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20240224/170876520753083.png" alt="如何找到192.168.0.1登录入口">
<span>6</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/85615" title="如何找到192.168.0.1登录入口" class="aBlack">如何找到192.168.0.1登录入口</a></dt>
<dd><b></b>471天前</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/468495" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20250910/175747123122175.jpeg" alt="yy漫画下拉式免费阅读官网入口">
<span>7</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/468495" title="yy漫画下拉式免费阅读官网入口" class="aBlack">yy漫画下拉式免费阅读官网入口</a></dt>
<dd><b></b>341天前</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/533808" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20251205/176490289339265.png" alt="天堂漫画网页版登录入口及访问指南">
<span>8</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/533808" title="天堂漫画网页版登录入口及访问指南" class="aBlack">天堂漫画网页版登录入口及访问指南</a></dt>
<dd><b></b>前天 08-14 10:44</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<a href="https://www.zhengruan.com/news/555893" class="img">
<img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260109/176795304738779.png" alt="ACfun回家官网入口-acfun网页版免费入口">
<span>9</span>
</a>
<dl>
<dt><a href="https://www.zhengruan.com/news/555893" title="ACfun回家官网入口-acfun网页版免费入口" class="aBlack">ACfun回家官网入口-acfun网页版免费入口</a></dt>
<dd><b></b>219天前</dd>
</dl>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="zrRmgzBox" style="margin-top:20px;">
<div class="zrByddTitle">
<span><h2>相关推荐</h2></span>
</div>
<ul class="zrXwdtList">
<li><a href="https://www.zhengruan.com/news/750035" title="小红书深色模式怎么关" class="aBlack">小红书深色模式怎么关</a></li>
<li><a href="https://www.zhengruan.com/news/750034" title="cad看图王云图网页版入口" class="aBlack">cad看图王云图网页版入口</a></li>
<li><a href="https://www.zhengruan.com/news/750033" title="write的现在进行时变化规则" class="aBlack">write的现在进行时变化规则</a></li>
<li><a href="https://www.zhengruan.com/news/750032" title="AO3作品打不开怎么办" class="aBlack">AO3作品打不开怎么办</a></li>
<li><a href="https://www.zhengruan.com/news/750031" title="爱作业布置纸质作业指南" class="aBlack">爱作业布置纸质作业指南</a></li>
<li><a href="https://www.zhengruan.com/news/750024" title="数据库自动备份神器" class="aBlack">数据库自动备份神器</a></li>
<li><a href="https://www.zhengruan.com/news/750023" title="漫蛙manwa在线浏览入口" class="aBlack">漫蛙manwa在线浏览入口</a></li>
<li><a href="https://www.zhengruan.com/news/750022" title="小猿口算官方直达网址首页" class="aBlack">小猿口算官方直达网址首页</a></li>
<li><a href="https://www.zhengruan.com/news/750012" title="中国移动官网在线登录入口" class="aBlack">中国移动官网在线登录入口</a></li>
</ul>
</div>
<div class="zrRmgzBox" style="margin-top:30px;">
<div class="zrByddTitle">
<span><h2>热门关注</h2></span>
</div>
<ul class="zrRmgzList">
<li>
<span><a href="https://www.zhengruan.com/news/soft745479" title="PixPin"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260814/178670218862435.png" alt="PixPin"></a></span>
<dl>
<dt><a href="https://www.zhengruan.com/news/soft745479" title="PixPin" class="aBlack">PixPin</a></dt>
<dd class="unstar unstar5"></dd>
<dd class="cont1">￥8.00-￥8.00</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<span><a href="https://www.zhengruan.com/news/soft745478" title="Total Uninstall"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260814/178670216712038.png" alt="Total Uninstall"></a></span>
<dl>
<dt><a href="https://www.zhengruan.com/news/soft745478" title="Total Uninstall" class="aBlack">Total Uninstall</a></dt>
<dd class="unstar unstar4"></dd>
<dd class="cont1">￥29.00-￥29.00</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<span><a href="https://www.zhengruan.com/news/soft745474" title="酷呆桌面"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260814/178670214025347.png" alt="酷呆桌面"></a></span>
<dl>
<dt><a href="https://www.zhengruan.com/news/soft745474" title="酷呆桌面" class="aBlack">酷呆桌面</a></dt>
<dd class="unstar unstar4"></dd>
<dd class="cont1">￥31.50-￥35.00</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<span><a href="https://www.zhengruan.com/news/soft745473" title="ByePhotos"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260814/178670212958742.png" alt="ByePhotos"></a></span>
<dl>
<dt><a href="https://www.zhengruan.com/news/soft745473" title="ByePhotos" class="aBlack">ByePhotos</a></dt>
<dd class="unstar unstar5"></dd>
<dd class="cont1">￥31.50-￥45.00</dd>
</dl>
<div class="clear"></div>
</li>
<li>
<span><a href="https://www.zhengruan.com/news/soft745472" title="TTime"><img onerror="this.src='https://www.zhengruan.com/statics/www/zrimages/404_bg.png'" src="https://www.zhengruan.com/uploads/20260814/178670211915223.png" alt="TTime"></a></span>
<dl>
<dt><a href="https://www.zhengruan.com/news/soft745472" title="TTime" class="aBlack">TTime</a></dt>
<dd class="unstar unstar4"></dd>
<dd class="cont1">￥3.00-￥3.00</dd>
</dl>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
<!--右边 end-->
<div class="clear"></div>
</div>
<!--主体 end-->
<!--底部-->
<!--底部-->
<div class="zrFoot">
<div class="zrFootIn">
<div class="zrFootMsg">网站备案号：
<a href="https://beian.miit.gov.cn/" target="" style="text-decoration: none;">
<font color="#9b9db0">苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com<br>
Copyright ©2018-2020</font>
</a>
</div>
</div>
</div>
<!--底部 end-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!--底部 end-->
<script>
function countView(){
$.ajax({
type: "post",
url: "/countView?&time="+new Date().getTime(),
data:{'type':'news','id':"714544"},
async:false,
dataType: "json",
success: function(result){
console.log(result)
},
error:function(){
}
});
}
function code_highlight() {
SyntaxHighlighter.all()
}
$(function(){
code_highlight();
countView();
$("#qrcode").qrcode({width:150,height:150,text:"https://m.zhengruan.com/news/714544"})
})
</script>
</body>
</html>
发布于2026-07-21 阅读（0）