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

2022-07-25,,

前言:

朋友们好啊,俺又来了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

《2021/1/13-每日三题第20弹:你这是在玩火 ?你知道什么是外边距重叠吗 ???.doc》

下载本文的Word格式文档,以方便收藏与打印。