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;  /*将边框和边距包含到宽高*/
        }
相关推荐
wuhen_n几秒前
开发环境优化完全指南:告别等待,让开发如丝般顺滑
前端·javascript·vue.js
badhope6 分钟前
GitHub超有用项目推荐:skill仓库--用技能树打造AI超频引擎
java·开发语言·前端·人工智能·python·重构·github
时寒的笔记7 分钟前
js逆向入门03_会展中心案例&shuwei观察&ji思录
开发语言·前端·javascript
@PHARAOH21 分钟前
HOW - 前端页面低代码 Schema 驱动最小范式
前端·低代码
LFly_ice26 分钟前
C# Web 开发从入门到实践
开发语言·前端·c#
数据服务生27 分钟前
中国象棋-html版本
html
大黄说说29 分钟前
Vue 3 + Vite 高性能项目最佳实践(2026 版)
前端·javascript·vue.js
数据服务生29 分钟前
围棋-html版本
前端·html
JohnsonXin31 分钟前
一次线上白屏排查:静态 import 是如何悄悄破坏 Webpack 共享 Chunk 的
前端·webpack·node.js