CSS（六） 盒模型

常见的有

特点是不独占一行，是跟其他元素在同一行上，不会改变文档结构，宽度，高度，顶部和底部的填充都是不可设置的，宽度为文字或者图片的宽度

内联块状元素inline-block

既有块级元素的属性也有行内元素的属性，常见的有

宽和高：width，height，max-width，min-width，max-height，min-height

如果设置了max-width，那么是会覆盖width的值的，另外如果同时设置了min-width和max-width，那么min-width的优先级高于max-width

同理，max-height的值会覆盖height的值，min-height的优先级高于max-height

内边距：padding

• padding:20px == padding:20px 20px 20px 20px

• padding:20px 10px == padding:20px 10px 20px 10px

• padding:20px 10px 30px == padding:20px 10px 30px 10px

圆角属性：border-radius

border-radius:20px 30px/40px 50px;

• 左上和右下的水平半径为20px,右上和左下的水平半径为30px

• 左上和右下的垂直半径为40px,右上和左下的垂直半径为50px

这是一个椭圆半角

overflow

对块元素内的内容如果超出时进行一个裁剪

box-sizing

更改用于计算元素宽度和高度的默认的css盒模型

• 盒模型的宽度=width+padding+border

• 盒模型的高度=height+padding+border

box-sizing:content-box|border-box

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
//bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！