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;  /*将边框和边距包含到宽高*/
        }
相关推荐
程序员黑豆21 分钟前
鸿蒙开发入门:以 Text 组件为例,掌握内置组件用法
前端·harmonyos
爱勇宝23 分钟前
AI不会淘汰所有人,但会淘汰这6种人
前端·后端·程序员
J船长43 分钟前
烂笔头扫盲:Embedding 与语义匹配:从概念到 pgvector 落地
前端
程序员黑豆1 小时前
鸿蒙应用开发之模拟器安装与使用教程
前端·harmonyos
王莎莎2 小时前
MCP 解决的是工具接入,科研 Agent 还缺的是科学证据接口标准化
前端·人工智能
zhanghaha13142 小时前
Python语言基础:4_数据类型转换
java·前端·python
kyriewen2 小时前
别再写useMemo了——2026年这5个React性能优化已经是反模式
前端·react.js·ai编程
OpenTiny社区2 小时前
TinyRobot v0.5.0 新版本强在哪?
前端·vue.js·github
奇牙coding2 小时前
gpt-5.6-sol 接入指南:reasoning_effort 参数配置、推理链验证与常见报错排查
前端·css·gpt·ai
sugar__salt3 小时前
Vue.js 前置知识:ES6+ 核心特性完全指南
前端·javascript·vue.js·vue·es6