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;  /*将边框和边距包含到宽高*/
        }
相关推荐
top_designer1 分钟前
Illustrato:钢笔工具“退休”了?Text to Vector 零基础矢量生成流
前端·ui·aigc·交互·ux·设计师·平面设计
星哥说事6 分钟前
星哥带你玩飞牛NAS-13:自动追番、订阅下载 + 刮削,动漫党彻底解放双手!
前端
donecoding14 分钟前
前端AI开发:为什么选择SSE,它与分块传输编码有何不同?axios能处理SSE吗?
前端·人工智能
安_19 分钟前
<style scoped>跟<style>有什么区别
前端·vue
姝然_952720 分钟前
Claude Code 命令完整文档
前端
wjcroom20 分钟前
web版进销存的设计到实现一
前端
无知的前端23 分钟前
Flutter常见问题以及解决方案
前端·flutter·dart
BD_Marathon35 分钟前
Vue3_Vite构建工程化前端项目
前端
武清伯MVP37 分钟前
CSS Grid布局全解析:从基础到实战的二维布局方案
前端·css·grid
xfq42 分钟前
typescript泛型枚举以及NaN传染处理
前端·typescript