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;  /*将边框和边距包含到宽高*/
        }
相关推荐
孟祥_成都9 小时前
下一代组件的奥义在此!headless 组件构建思想探索!
前端·设计模式·架构
灰太狼大王灬10 小时前
Telegram 自动打包上传机器人 通过 Telegram 消息触发项目的自动打包和上传。
前端·机器人
4***149010 小时前
SpringSecurity登录成功后跳转问题
前端
小徐敲java10 小时前
window使用phpStudy在nginx部署前端测试
运维·前端·nginx
Winslei10 小时前
【hvigor专栏】OpenHarmony应用开发-hvigor插件之动态修改应用hap文件名
前端
扑棱蛾子10 小时前
前端代码一键打包上传服务器?10分钟配好永久告别手动部署!
前端·node.js
q***T58310 小时前
前端路由懒加载实现,React与Vue
前端·vue.js·react.js
灵犀坠10 小时前
前端开发核心知识:HTML5特性与经典面试题详解
前端·html·html5
Hilaku10 小时前
我为什么说全栈正在杀死前端?
前端·javascript·后端
8***B11 小时前
前端性能优化插件,图片懒加载与压缩
前端