步骤一：通过开发者工具直接注入CSS样式
按 `Ctrl+Shift+I` 打开开发者工具 → 切换到“元素”标签页 → 右键页面任意元素 → 选择“检查” → 在样式面板点击“:after”伪类 → 输入自定义CSS代码（如`color: red;`）。此方法可实时预览效果（如修改按钮颜色），但仅对当前页面生效（刷新后恢复），或通过控制台执行：
javascript
// 在控制台中添加临时样式
document.head.insertAdjacentHTML('beforeend', 'body { background-color: f0f0f0; }');

步骤二：安装扩展程序实现全局CSS覆盖
进入Chrome设置 → 点击“扩展程序” → 开启“开发者模式” → 点击“加载已解压的扩展” → 选择包含`manifest.json`和CSS文件的文件夹。此操作可持久化样式（如隐藏广告横幅），但需配置权限（如`"permissions": ["activeTab", "storage"]`），或通过代码注入扩展：
javascript
// 在扩展的background.js中监听页面请求
chrome.webNavigation.onCommitted.addListener(() => {
chrome.tabs.executeScript({code: 'document.head.appendChild(document.createElement("link"))'});
}, {url: [{hostSuffix: 'example.com'}]});

步骤三：使用书签脚本快速应用CSS规则
创建新书签 → 在网址栏输入以下代码（替换`your_css_here`）：
javascript
javascript：(function(){
var style = document.createElement('style');
style.innerHTML = "your_css_here"; // 例如 "div { border: 1px solid red; }"
document.head.appendChild(style);
})();

此方法可一键美化页面（如给所有段落加粗），但需手动操作每次访问（建议收藏到导航栏），或通过拖拽保存为永久书签：
bash
将书签导出为HTML文件并导入浏览器
Custom CSS

步骤四：修改用户代理样式表绕过网站限制
点击Chrome设置 → 进入“外观” → 打开“自定义样式”开关 → 输入针对特定域名的CSS规则（如`@-moz-document domain("example.com") { .hidden { display: block !important; } }`）。此方法可强制显示隐藏内容（如`display:none`的元素），但需重启浏览器生效（建议备份默认设置），或通过命令行批量修改：
bash
使用命令提示符替换默认用户样式表
echo ^@-moz-document domain(example.com){.header{display:none > C:\Users\%username%\AppData\Local\Google\Chrome\User StyleSheets\Custom.css

步骤五：通过插件接口深度定制渲染逻辑
安装扩展程序如“Custom CSS and JS” → 授权权限后 → 在输入框编写复杂规则（如`@media screen and (max-width: 768px) { body { font-size: 14px; } }`）。此操作可响应式调整布局（如手机端字体适配），但可能降低性能（建议精简代码），或通过Tampermonkey脚本动态加载：
javascript
// 在@grant none声明下运行高权限代码
// ==UserScript==
// @name Custom Mobile Styles
// @include *://*/*
// @grant none
// ==/UserScript==
(function() {
if (window.innerWidth <= 768) {
GM_addStyle('body { line-height: 1.6 !important; }');
}
})();