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;  /*将边框和边距包含到宽高*/
        }
相关推荐
小白64021 分钟前
前端梳理体系从常问问题去完善-框架篇(react生态)
前端·css·html·reactjs
Hy行者勇哥1 分钟前
数据中台的数据源与数据处理流程
大数据·前端·人工智能·学习·个人开发
JarvanMo9 分钟前
Riverpod 3.0 关键变化与实战用法
前端
二十雨辰18 分钟前
vite与ts的结合
开发语言·前端·vue.js
我是日安21 分钟前
从零到一打造 Vue3 响应式系统 Day 25 - Watch:清理 SideEffect
前端·javascript·vue.js
岁月宁静22 分钟前
AI 时代,每个程序员都该拥有个人提示词库:从效率工具到战略资产的蜕变
前端·人工智能·ai编程
小高00722 分钟前
🤔「`interface` 和 `type` 到底用哪个?」——几乎每个 TS 新手被这个选择灵魂拷问。
前端·javascript·typescript
行走在顶尖25 分钟前
代码管理
前端
_AaronWong27 分钟前
Electron IPC 自动化注册方案:模块化与热重载的完美结合
前端·electron·node.js
我的div丢了肿么办33 分钟前
vue3使用h函数如何封装组件和$attrs和props的区别
前端·javascript·vue.js