棘手的 CSS 问题

大家好，今天我想问一些关于CSS的基础但又比较棘手的问题，我觉得这些问题很有意思。

让我们开始吧……

问题 1 - 为什么浮动元素会将其父容器的高度设置为 0px？

问题 2 - 为什么即使没有设置外边距，行内块元素之间也会有默认间距？

问题 3 - CSS 中的 clearfix 是如何工作的？

问题 4 - 如何在不使用边距、内边距或文本对齐的情况下，通过绝对定位或相对定位使元素居中？

问题 5 - 我们可以在 html 电子邮件模板中使用边距吗？

问题 6 - 我们可以手动为 span 元素设置宽度和高度吗？如果不能，该如何设置？

问题 7 - 如何在 CSS 中更改滚动条样式？

问题 8 - 假设你有 12 个段落，如何将每四个段落中的任意一个的文本颜色设置为紫色？（这个问题并不难）

问题 9 - 假设我们有一个放在 div 元素中的三角形，如何给三角形添加阴影？（box shadow 会给 div 元素添加阴影，使其变成正方形，但不会给三角形添加阴影。）

问题 10 - 假设我们有 5 个元素，并且我们为这 5 个元素都添加了动画，但我们希望每个元素之间有 0.3 秒的延迟，第一个元素在 0.3 秒后播放，第二个元素在 0.6 秒后播放，依此类推。如何在不使用单独的类来区分这些元素，而是使用一个类来实现这个延迟呢？