CSS盒子模型笔记

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

1、盒子组成

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

2、div样式width、height

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

3、盒子模型调试

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

相关推荐
Moment19 分钟前
Cursor 2.0 支持模型并发,我用国产 RWKV 模型实现了一模一样的效果 🤩🤩🤩
前端·后端·openai
狂炫冰美式28 分钟前
QuizPort 1.0 · 让每篇好文都有测验陪跑
前端·后端·面试
咋吃都不胖lyh1 小时前
.docx 和 .doc 是 Microsoft Word 文档的两种主要文件格式
前端·html·xhtml
哈乐1 小时前
网工应用题:配置命令补全类题目
服务器·前端·网络
uuai1 小时前
echarts不同版本显示不一致问题
前端·javascript·echarts
AKclown1 小时前
基于Monaco的diffEditor实现内容对比
前端·vue.js·react.js
摆烂工程师2 小时前
(2025年11月)开发了 ChatGPT 导出聊天记录的插件,ChatGPT Free、Plus、Business、Team 等用户都可用
前端·后端·程序员
gongzemin2 小时前
使用阿里云ECS部署前端应用
前端·vue.js·后端
用户41180034153412 小时前
Flutter课题汇报
前端
3秒一个大2 小时前
HTML5 敲击乐应用:从代码到交互的完整实现
html