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;  /*将边框和边距包含到宽高*/
        }
相关推荐
晓得迷路了4 分钟前
栗子前端技术周刊第 126 期 - Rspack 2.0、TypeScript 7.0 Beta、Git 2.54...
前端·javascript·ai编程
小小码农Come on5 分钟前
单例 QtObject 全局配置
开发语言·前端·javascript
摸鱼仙人~6 分钟前
HTTP状态码全量详解(定义+核心区别+业务场景+前端常见诱因+排查方案+工程处理)
前端·网络协议·http
Go 言 Go 语21 分钟前
Claude Code 核心加载机制详解
服务器·前端·数据库
朝阳3921 分钟前
CSS【详解】给子元素添加间距的最佳实践(含space 和 gap 的区别图解和面试的标准答案)
前端·css
s65166549624 分钟前
Makefile语法学习
java·linux·前端
悟空爬虫-彪哥31 分钟前
Stich接入Codex教程
java·前端·数据库
深海鱼在掘金31 分钟前
Next.js从入门到实战保姆级教程(第十五章):部署运维与 CI/CD
前端·ci/cd·next.js
Mr.mjw33 分钟前
vue中封装一个进度条组件,无需引入,纯css
javascript·css·vue.js
veminhe34 分钟前
Java后端、PC前端学习备忘
前端