css新坑——用户代理样式表

在写项目时，只要一刷新页面就会向下“掉”。本以为是自己样式没写好，后来打开网页开发人员工具查看盒子模型，才发现多了一个叫做用户代理样式表的东西，自动给我添加一个margin:8px。查阅后才知道，用户代理样式表是浏览器（例如，Chrome，Firefox，Edge 等）提供的“默认样式表”，用于以满足“一般显示期望”的方式显示页面。网上有些同学存在用户代理样式表的问题是因为没加<!DOCTY

Concise200

26193人浏览 · 2022-03-06 23:23:30

Concise200 · 2022-03-06 23:23:30 发布

在写项目时，只要一刷新页面就会向下“掉”。本以为是自己样式没写好，后来打开网页开发人员工具查看盒子模型，才发现多了一个叫做用户代理样式表的东西，自动给我添加一个margin:8px。

查阅后才知道，用户代理样式表是浏览器（例如，Chrome，Firefox，Edge 等）提供的“默认样式表”，用于以满足“一般显示期望”的方式显示页面。

网上有些同学存在用户代理样式表的问题是因为没加<!DOCTYPE html>。然而我的代码本身就有<!DOCTYPE html>，所以 最终使用!important解决了这个问题！！！

body{
   margin: 0 !important;
 }

在这里插入图片描述

天启AI社区

GitCode 天启AI是一款由 GitCode 团队打造的智能助手，基于先进的LLM（大语言模型）与多智能体 Agent 技术构建，致力于为用户提供高效、智能、多模态的创作与开发支持。它不仅支持自然语言对话，还具备处理文件、生成 PPT、撰写分析报告、开发 Web 应用等多项能力，真正做到“一句话，让 Al帮你完成复杂任务”。

更多推荐