CSS-清除默认样式

网页默认情况下,元素的实际宽高是将边框和内边距纳入计算的

  • 实际高度=height+border+padding
  • 实际宽度=width+border+padding

要改变网页默认设置,可以使用

box-sizing

属性:box-sizing

属性值:

  • content-box 默认值
  • border-box 如果你设置width:100px,那么100px将包含边框(border)+padding(内边距)
  • inherit 父继子承

清除浏览器默认样式

css 复制代码
*{
            padding: 0px;
            border: 0px;  
            box-sizing: border-box;  /*将边框和边距包含到宽高*/
        }
相关推荐
AI攻城狮12 小时前
国产大模型能力大比拼,社区有话说
前端
IT_陈寒13 小时前
Vite的public文件夹放静态资源?这坑我替你踩了
前端·人工智能·后端
涵涵(互关)13 小时前
GoView各项目文件中的相关语法2
前端·javascript·vue.js
子兮曰13 小时前
别让爬虫白嫖你的导航站了:纯免费,手把手实现加密字体防爬
前端·javascript·后端
小村儿13 小时前
连载06 - Hooks 源码深度解析:Claude Code 的确定性自动化体系
前端·后端·ai编程
心中无石马13 小时前
uniapp引入tailwindcss4.x
前端·css·uni-app
焰火199914 小时前
[Vue]可重置的响应式状态reactive
前端·vue.js
陆枫Larry14 小时前
CSS transform scale:图片放大效果背后的原理
前端
老王以为14 小时前
为什么 React 和 Vue 不一样?
前端·vue.js·react.js
web打印社区14 小时前
2026最新Web静默打印解决方案,无插件无预览,完美替代Lodop
前端·javascript·vue.js·electron·pdf