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;  /*将边框和边距包含到宽高*/
        }
相关推荐
CHU7290353 分钟前
趣味抽赏,解锁惊喜——扭蛋机盲盒抽赏小程序前端功能解析
前端·小程序
开开心心就好4 分钟前
Word批量转PDF工具,仅转换不合并很实用
java·前端·人工智能·edge·pdf·语音识别·模块测试
孫治AllenSun6 分钟前
【redis】redis重新创建集群
前端·javascript·redis
卡皮巴拉c9911 分钟前
基于 wujie.js 进行微前端融合
前端
来碗疙瘩汤13 分钟前
深入解析 Vue 包:`vue` 究竟导出了什么?
前端
我命由我1234513 分钟前
React - ref、回调 ref 回调执行次数的问题、createRef 函数、事件处理
前端·javascript·react.js·前端框架·html·html5·js
我命由我1234514 分钟前
React - 收集表单元素、收集表单元素优化、生命周期(旧)、生命周期(新)
前端·javascript·react.js·前端框架·html·html5·js
SuperEugene15 分钟前
Monorepo + pnpm workspace 落地实操:Vue 中后台多项目 / 组件库 / 公共包管理|Vue 工程化篇
前端·javascript·vue.js·pnpm·vite·monorepo
We་ct17 分钟前
JSX & ReactElement 核心解析
前端·react.js·面试·架构·前端框架·reactjs·个人开发
白中白1213819 分钟前
杂七杂八补充系列
开发语言·前端·javascript