CSS盒子模型笔记

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

1、盒子组成

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

2、div样式width、height

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

3、盒子模型调试

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

相关推荐
GISer_Jing9 分钟前
前端CSS学习框架
css·css3
一只欢喜16 分钟前
uniapp使用uview2上传图片功能
前端·uni-app
尸僵打怪兽29 分钟前
后台数据管理系统 - 项目架构设计-Vue3+axios+Element-plus(0920)
前端·javascript·vue.js·elementui·axios·博客·后台管理系统
ggome37 分钟前
Uniapp低版本的安卓不能用解决办法
前端·javascript·uni-app
Ylucius1 小时前
JavaScript 与 Java 的继承有何区别?-----原型继承,单继承有何联系?
java·开发语言·前端·javascript·后端·学习
前端初见1 小时前
双token无感刷新
前端·javascript
、昔年1 小时前
前端univer创建、编辑excel
前端·excel·univer
emmm4591 小时前
前端中常见的三种存储方式Cookie、localStorage 和 sessionStorage。
前端
Q186000000001 小时前
在HTML中添加视频
前端·html·音视频
bin91531 小时前
前端JavaScript导出excel,并用excel分析数据,使用SheetJS导出excel
前端·javascript·excel