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;  /*将边框和边距包含到宽高*/
        }
相关推荐
www_stdio12 小时前
项目基础准备之Zustand:轻量级 React 状态管理的优雅之选
前端·react.js·typescript
Lee川12 小时前
CSS自定义属性与JavaScript动态交互:现代Web开发的强大组合
css·面试
Lee川12 小时前
CSS Position属性深度解析:定位的艺术与科学
css·面试
躲在云朵里`12 小时前
同一账号在同一客户端类型只能登录一次
前端·spring·bootstrap
敲敲了个代码12 小时前
构建工具的第三次革命:从 Rollup 到 Rust Bundler,我是如何设计 robuild 的
开发语言·前端·javascript·后端·rust
加个鸡腿儿13 小时前
Nuxt SSR 水合错误处理实践:响应式布局的正确姿势
前端·typescript·nuxt.js
奋斗吧程序媛13 小时前
使用代理服务器的方式解决跨域问题
前端·javascript·vue.js
加个鸡腿儿13 小时前
解决 Nuxt SSR (服务端渲染) 环境下的水合错误 (Hydration Mismatch)
前端·typescript·nuxt.js
贾铭13 小时前
如何实现一个网页版的剪映(二)
前端·后端
用户6000718191013 小时前
【翻译】Rozenite 构建解析:注入机制全揭秘
前端