测试：你有多了解 CSS ？

CSS 测试

当这些元素被渲染时，它们之间的差距是多少？

• 50px, 因为 20+30=50
• 30px, 因为边缘塌陷
• 20px, 因为 margin-top 优先级更高

CSS 测试

哪个答案会将元素从状态 A 转换为状态 B ？

• transform: perspective(200px);
• transform: skew(45deg, 45deg);
• transform: scale(0.5);

CSS 测试

哪个选择器仅定位到最后一个列表项？

• ul li:last-child
• ul:last-child li
• ul:last-child(li)

CSS 测试

这个 div 的最终背景颜色是什么？

• Red – id 选择器优先级较高
• Blue – .blue 规则在 #red 规则之后
• Purple – 蓝色和红色将混合成紫色

CSS 测试

• // 楼下有 freestyle 吗
• /* 我只想要一个肯定 */
• <!– 我觉得不行 –>
• 所有选项都有效

CSS 测试

伪元素 :after 出现了什么问题？

• 它缺少 content 属性
• 伪元素在标题上不起作用。
• left 属性不能有基于百分比的值。

CSS 测试

• object-fit
• pointer-events
• font-smoothing
• text-opacity

CSS 测试

哪个 nth-child() 选择器只能定位最后一个列表项？

• ul li:nth-child(last)
• ul li:nth-child(2)
• ul li:nth-child(3)

CSS 测试

如何将容器中的所有元素置于垂直居中和水平居中？

• A
• B
• C

CSS 测试

• margin: 10px 8px 5px;
• margin: -20px;
• margin: auto;
• 所有答案都有效

CSS 测试

h1 元素的字体大小是多少 px ？

• 1.5px
• 25px
• 30px

CSS 测试

选择器的哪个组合只仅针对当前的元素？

• div > span
• div + span
• div ~ span

非常好！

.

去看看其他内容 戳我