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;  /*将边框和边距包含到宽高*/
        }
相关推荐
#做一个清醒的人11 小时前
【Electron】IpcMainEvent 参数使用总结
前端·electron
月弦笙音11 小时前
【包管理器】pnpm、npm、cnpm、yarn 深度对比
前端
吹水一流11 小时前
微信小程序页面栈:从一个 Bug 讲到彻底搞懂
前端·微信小程序
j***827011 小时前
【MyBatisPlus】MyBatisPlus介绍与使用
android·前端·后端
Python大数据分析@11 小时前
我把pdfplumber整成了可以拖拉拽的web软件
前端·pdf
小华同学ai11 小时前
终于有人帮你整理好了,火爆的“系统级提示词”支持ChatGPT、Claude、Gemini、xAI的
前端·后端·github
葡萄城技术团队11 小时前
SpreadJS 电子表格权限管控设置指南
前端
HashTang11 小时前
一个人就是一支队伍:从 Next.js 到显示器,聊聊我的“全栈续航”方案
前端·后端·程序员
朕的剑还未配妥11 小时前
vue2中transition使用方法解析,包含底部弹窗示例、样式未生效踩坑记录
前端·vue.js
q***484111 小时前
Redis Desktop Manager(Redis可视化工具)安装及使用详细教程
android·前端·后端