一、内联样式通过在HTML标签中添加style属性修改单个元素外观；二、内部样式表在head中使用style标签定义页面级CSS规则；三、外部样式表通过link标签引入独立CSS文件实现多页统一风格；四、动态切换利用JavaScript更改link的href属性实现实时换肤功能。
如果您希望修改网页的外观和布局，可以通过调整HTML文档中对CSS样式表的引用方式来实现。以下是几种常见的编辑方法：
一、内联样式修改
内联样式是直接在HTML元素的style属性中定义CSS规则，适用于单个元素的快速样式调整。
1、找到需要修改样式的HTML标签，例如<div>或<p>。
2、在该标签内部添加style属性，并写入CSS声明，如：style="color: red; font-size: 16px;"。
立即学习“前端免费学习笔记（深入）”；
3、保存文件并在浏览器中刷新查看效果。
二、内部样式表编辑
内部样式表通过在HTML文档的<head>部分使用<style>标签定义CSS规则，适用于单个页面的统一样式控制。
1、打开HTML文件，定位到<head>区域。
2、确保存在<style></style>标签，若不存在则手动添加。
3、在<style>标签内编写CSS选择器与规则，例如：p { color: blue; }。
4、修改完成后保存文件并预览页面变化。
三、外部CSS文件链接更新
通过link标签引入外部CSS文件，便于多页面共享样式资源，适合大型网站维护。
1、检查HTML头部是否有类似<link rel="stylesheet" href="styles.css">的代码。
2、若要更换样式表，将href属性值更改为新CSS文件路径，如：href="new-style.css"。
3、若需添加多个样式表，可插入多个link标签，注意加载顺序影响层叠规则。
4、保存更改后刷新网页以应用新的外观设置。
四、动态切换样式表
利用JavaScript可以实现用户交互触发的样式表切换功能，提升用户体验灵活性。
1、为每个可选样式创建独立的CSS文件，如dark.css、light.css。
2、在HTML中为每个link标签设置唯一的id，例如：<link id="theme" rel="stylesheet" href="default.css">。
3、编写JavaScript函数，通过修改link标签的href属性来切换样式，示例代码：document.getElementById('theme').href = 'dark.css';。
4、绑定按钮点击等事件调用该函数完成实时样式变更。
