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;  /*将边框和边距包含到宽高*/
        }
相关推荐
烤麻辣烫19 小时前
JS基础
开发语言·前端·javascript·学习
IT_陈寒20 小时前
Vue的响应式把我坑惨了,原来问题出在这
前端·人工智能·后端
2603_9535279920 小时前
WordPress Finale Lite 插件高危漏洞检测与利用工具 (CVE-2024-30485)
前端·python·安全·web3·xss
2601_9498180920 小时前
头歌答案--爬虫实战
java·前端·爬虫
猫猫不是喵喵.21 小时前
layui表单项次大数据量导入并提交
前端·javascript·layui
张小潇21 小时前
AOSP15 WMS/AMS系统开发 - 窗口层级源码分析
android·前端
whuhewei21 小时前
HTTP1/2/3演变
前端·计算机网络
腹黑天蝎座21 小时前
从零实现一个前端监控系统:性能、错误与用户行为全方位监控
前端·监控
人工智能研究所1 天前
Claude + HyperFrames:用 HTML 方式制作视频,AI 时代一切皆可 HTML?
人工智能·html·音视频·ai 视频·hyperframes·claude-
Hooray1 天前
为了在 Vue 项目里用上想要的 React 组件,我写了这个 skill
前端·ai编程