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 小时前
css+html案例
css·html·css3
weixin_7042660519 小时前
Spring Boot 入门了解
前端·firefox
冲浪中台19 小时前
如何实现低代码源码级交付和私有化部署
前端·低代码·私有化部署·源代码管理
炒毛豆19 小时前
Vue 3 公共组件从封装到全局注册的极简指南
前端·javascript·vue.js
踩着两条虫19 小时前
VTJ.PRO 在线应用开发平台前端架构
前端·vue.js·ai编程
踩着两条虫19 小时前
VTJ.PRO 在线应用开发平台部署与运维
前端·vue.js·人工智能
Dxy123931021619 小时前
html鼠标定位线
前端·html·计算机外设
sp4219 小时前
通过 RootEncoder 进行安卓直播 RTSP 推流
前端
_院长大人_19 小时前
构建一个 Vue 基于el-input的磨损区间选择器组件 —— WearRangeSelector
前端·javascript·vue.js
遗憾随她而去.19 小时前
前端 Vue 虚拟列表(Virtual List),从原理到实战
前端·javascript·vue.js