CSS盒子模型笔记

尚硅谷学习视频链接:117_CSS_盒子模型的组成部分_哔哩哔哩_bilibili

1、盒子组成

盒子组成 = content内容 + padding + border (margin不包含在盒子内)

2、div样式width、height

div的width、height指的是content的宽和高,而不是盒子总的宽和高。

3、盒子模型调试

谷歌浏览器F12,如图选择标签"元素"/"elements",然后选择二级标签"样式"/"styles",可以看到右下方盒子模型

相关推荐
crary,记忆3 分钟前
MFE(微前端) Module Federation:Webpack.config.js文件中每个属性的含义解释
前端·学习·webpack
清风~徐~来5 分钟前
【Qt】控件 QWidget
前端·数据库·qt
前端小白从0开始6 分钟前
关于前端常用的部分公共方法(二)
前端·vue.js·正则表达式·typescript·html5·公共方法
真的很上进12 分钟前
2025最全TS手写题之partial/Omit/Pick/Exclude/Readonly/Required
java·前端·vue.js·python·算法·react·html5
用户69452955217015 分钟前
国内开源版“Manus”——AiPy实测:让你的工作生活走上“智动”化
前端·后端
帅夫帅夫18 分钟前
一文手撕call、apply、bind
前端·javascript·面试
J船长20 分钟前
APK战争 diffoscope
前端
鱼樱前端33 分钟前
重度Cursor用户 最强 Cursor Rules 和 Cursor 配置 mcp 以及最佳实践配置方式
前端
曼陀罗34 分钟前
Path<T> 、 keyof T 什么情况下用合适
前端
锈儿海老师40 分钟前
AST 工具大PK!Biome 的 GritQL 插件 vs. ast-grep,谁是你的菜?
前端·javascript·eslint