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;  /*将边框和边距包含到宽高*/
        }
相关推荐
用户600071819103 分钟前
【翻译】元素与 Children 属性
前端·react.js
Mintopia6 分钟前
又快又好的前端界面软件是怎么做出来的
前端
青青家的小灰灰7 分钟前
深入解析 React 中的 useEffect:副作用管理的艺术与科学
前端·react.js
wuhen_n8 分钟前
effect函数的完整实现与追踪:深入Vue3响应式核心
前端·javascript·vue.js
Never_Satisfied11 分钟前
在JavaScript / HTML中,img标签loading lazy加载时机详解
开发语言·javascript·html
Coffeeee12 分钟前
年过完了,该上班了,我用Compose给大家放个烟花喜庆喜庆
前端·kotlin·android jetpack
Marshall15113 分钟前
UniApp 安卓端版本检查更新功能完整实现
前端
小飞大王66613 分钟前
WebSocket技术与心跳检测
前端·javascript·websocket·网络协议·arcgis
不会敲代码116 分钟前
从零开始掌握LangChain工具调用:让AI拥有“动手能力”
前端·langchain
a11177616 分钟前
波浪圆圈背景效果(html 开源)
前端·html