2021/1/13-每日三题第20弹：你这是在玩火 ？你知道什么是外边距重叠吗 ？？？

前言：

朋友们好啊，俺又来了2333，今天还是老规矩，再给大家带来一个笑话啊????????????，

男孩对女孩说：“亲爱的，我爱你！我愿意为你遮风、挡雨，不让你受一点风吹日晒！”

女孩说：“为你受一点风吹也是值得的！”

男孩说：“不，一点也不行！”

女孩非常感动，然后把挡在电风扇前的男孩踹‍开了~~~

好了，话不多说，上题目！！！????????????

题目：

(题目1) 说一下什么是外边距重叠 ？重叠的结果是什么 ？

(题目2) 说一下 rgba() 和 opacity 的透明效果有什么不同 ？

(题目3) CSS 中可以让文字在垂直和水平方向上重叠的两个属性是什么 ？

倒计时10min，开始计时，看看自己能做对几道题????????????？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

参考解析：

题目1：

1.外边距重叠就是margin-collapse，在CSS当中，相邻的两个盒⼦
 （可能是兄弟关系也可能是祖先关系）的外边距可以结合成⼀个单独的外边距。
  这种合并外边距的⽅式被称为折叠，并且因⽽所结合成的外边距称为折叠外边距。
2.折叠结果遵循下列计算规则：
	1）两个相邻的外边距都是正数时，折叠结果是它们两者之间较⼤的值
	2）两个相邻的外边距都是负数时，折叠结果是两者绝对值的较⼤值
	3）两个外边距⼀正⼀负时，折叠结果是两者的相加的和  

题目2：

1.rgba() 和 opacity 都能实现透明效果，但最⼤的不同是 opacity 作⽤于元素，以及元
  素内的所有内容的透明度，
2.⽽ rgba() 只作⽤于元素的颜⾊或其背景⾊。（设置 rgba 透明的元素的⼦元素不会继承
  透明效果！）

题目3：

1.垂直⽅向： line-height
2.⽔平⽅向： letter-spacing

怎么样，是不是很简单，你做对了几道题呢？做对的再接再厉，不要骄傲，做错的也没有关系啦，好好总结，继续努力 ！！！

当然啦，大家如果有补充的或者其它问题，欢迎大家在评论区交流啊，路漫漫其修远兮，吾将上下而求索，希望大家可以一起坚持下去啊 ！！！????????????~~~

如果这篇文章能够帮助到您，希望您不要吝惜点赞????????和收藏????????，您的支持是我继续努力的动力 ???????? ！！！

本文地址：https://blog.csdn.net/weixin_44586544/article/details/112595321