CSS盒子模型笔记

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

1、盒子组成

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

2、div样式width、height

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

3、盒子模型调试

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

相关推荐
Amy_yang8 小时前
uni-app 中 web-view 的使用与 App 端全屏问题处理
前端·javascript·vue.js
闲坐含香咀翠8 小时前
Electron 加载原生模块总崩溃?搞懂这两行配置就够了
前端·electron·客户端
拉拉肥_King8 小时前
pc端视频压缩:FFmpeg.wasm 实战指南
前端
0x868 小时前
基于 Dio 实现 SSE 流式通信
前端
ZC跨境爬虫8 小时前
跟着 MDN 学 HTML day_40:(DOMImplementation 接口完全解析)
前端·ui·html·媒体
Highcharts.js8 小时前
Highcharts 纯 JavaScript 图表库深度使用评测
开发语言·前端·javascript·功能测试·ecmascript·highcharts·技术评测
码码哈哈0.08 小时前
基于 RSA 非对称加密与挑战码机制的前端登录安全方案
前端·安全·状态模式
ZC跨境爬虫8 小时前
跟着 MDN 学 HTML day_39:(DOMException 异常接口完全解析)
前端·javascript·html·媒体
渐儿9 小时前
NestJS 教程 Part 2 — 数据层、API 设计与业务异步
前端