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;  /*将边框和边距包含到宽高*/
        }
相关推荐
众少成多积小致巨2 分钟前
libbinder_ndk 入门指南
前端·c++·架构
小李子呢02113 分钟前
前端八股Vue---自定义组件(控件)
前端·javascript·vue.js
用户52709648744904 分钟前
微前端(qiankun)单侧启动调试技巧
前端
斌味代码17 分钟前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
weixin1997010801626 分钟前
《爱回收商品详情页前端性能优化实战》
前端·性能优化
chenbin___39 分钟前
鸿蒙(HarmonyOS)支持 useNativeDriver的详细说明(转自千问)
前端·javascript·react native·react.js·harmonyos
We་ct39 分钟前
Git 核心知识点全解析
开发语言·前端·git·gitee·github
小兵阿飞1 小时前
Vite 技术介绍:实现原理、应用与优化
前端·vite
jiayong231 小时前
第 13 课:分页、页码状态和 URL 同步
开发语言·前端·javascript·vue.js·学习
smilejingwei1 小时前
用 AI 编程生成 ECharts 图表并嵌入报表的实践
前端·人工智能·echarts·bi·报表工具·商业智能