盒子模型CSS

最新推荐文章于 2024-06-22 17:15:40 发布

昏昏的小猪仔

最新推荐文章于 2024-06-22 17:15:40 发布

阅读量49

点赞数

分类专栏： CSS 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_29310669/article/details/119421638

版权

前端同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

盒模型基本概念

认识盒模型

在这里插入图片描述

width和height属性详解

在这里插入图片描述

padding属性详解

在这里插入图片描述

margin属性的详解

在这里插入图片描述

margin的塌陷现象。

在这里插入图片描述

一些元素有默认的margin

在这里插入图片描述

盒子水平居中

在这里插入图片描述

盒模型计算

在这里插入图片描述

box-sizing属性（大量应用于移动应用当中）

在这里插入图片描述

行内元素和块级元素

display属性

在这里插入图片描述

行内元素不能设置宽高（width和height）

行内块（img,input）可以设置宽高。

行内元素和块级元素的相互转换

在这里插入图片描述

元素的隐藏

在这里插入图片描述

昏昏的小猪仔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
盒子模型CSS

盒模型基本概念认识盒模型width和height属性详解padding属性详解margin属性的详解margin的塌陷现象。一些元素有默认的margin盒子水平居中盒模型计算box-sizing属性（大量应用于移动应用当中）行内元素和块级元素display属性行内元素不能设置宽高（width和height）行内块（img,input）可以设置宽高。行内元素和块级元素的相互转换元素的隐藏...
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。