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;  /*将边框和边距包含到宽高*/
        }
相关推荐
江公望14 小时前
HTML5 History 模式 5分钟讲清楚
前端·html·html5
云和数据.ChenGuang14 小时前
Zabbix Web 界面安装时**无法自动创建配置文件 `zabbix.conf.php`** 的问题
前端·zabbix·运维技术·数据库运维工程师·运维教程
码界奇点14 小时前
Java Web学习 第15篇jQuery万字长文详解从入门到实战解锁前端交互新境界
java·前端·学习·jquery
A242073493014 小时前
使用jQuery动态操作HTML和CSS
css·html·jquery
前端老曹14 小时前
vue3 三级路由无法缓存的终极解决方案
前端·javascript·vue.js·vue
兮动人14 小时前
Google Chrome 142更新引发内网访问危机:原理、影响与全面解决方案
前端·chrome
PAQQ14 小时前
ubuntu22.04 搭建 Opencv & C++ 环境
前端·webpack·node.js
这是个栗子14 小时前
git报错:Reinitialized existing Git repository in ...
前端·git·github
ghfdgbg14 小时前
15. Vue工程化 + ElementPlus
前端·javascript·vue.js
Onlyᝰ14 小时前
前端使用jscpd查项目重复率
前端