Dreamweaver怎么用代码链接外部样式表
作者:小宇宙叶知秋
时间:2026-07-21
浏览:0
在Dreamweaver中新建CSS文件(如main.css),在HTML的标签内使用标签输入链接代码,保存后即可将外部样式表链接到页面,实现网站风格的统一管理,便于维护与修改。
本文目录
Dreamwea ver怎么用代码链接外部样式表
在Dreamwea ver里做网页,外部样式表是管理网站风格最干净的方式。不用每次都在每个页面里重复写样式,改一个文件,全站跟着变。下面就说一下怎么用代码手动链接外部CSS,其实就几步。
先把站点打开,HTML页面准备好。然后点击“文件”菜单,选择“新建”。

在新建对话框里,选择“CSS”类型。

接着会弹出一个保存对话框,让你选择CSS文件要放哪个文件夹。这里建议专门建一个叫“css”的文件夹,把所有样式文件统一管理。

我就选定了css文件夹,并把文件名改成“main.css”,这样以后看到就知道是主要的样式表,好辨认。

CSS文件新建好之后,先别急着写样式,先切回你的HTML页面。

在HTML的`
`标签里,`

然后保存一下HTML文件。注意看,在Dreamwea ver的标签栏里,页面名称旁边多了一个“css样式”的页面标签,这就表示链接成功了。刚刚新建的空白CSS文件可以直接删掉(其实不用删,留着编辑样式就行)。

接着,双击那个链接进来的“main.css”标签,打开它,在里面编写你想要的样式规则就行了。写完之后,HTML页面会自动应用这些样式。

作者最新文章
蚂蚁庄园1月18日:人们常用砸锅来形容事情没办成猜猜最早源于哪个行业
2026-09-24 16:59
索尼WH-1000XM4C发布:复刻经典折叠设计并升级现代接口
2026-09-08 19:10
python题库环境搭建与排错:从基础概念到命令验证
2026-09-05 09:32
计算机二级python环境搭建与排错:从概念验证到依赖管理
2026-09-05 07:23
Python 新手环境配置与最小可复现路径
2026-09-04 18:52
下一篇:
Photoshop怎么绘制国潮按钮
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多





































