CSS 测验题

通过对CSS 教程系统地学习,相信你已全面掌握 CSS 性能优化知识点,为了巩固所学的内容,我们准备了一个小测验。

通过这个测验,您可以检验自己对 CSS 的掌握程度,发现可能需要进一步巩固的地方。


  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

1. 以下哪个属性可以优化CSS选择器性能?

  • <class>
  • <id>
  • <tag>
  • <universal>

2. 哪种CSS属性会导致重排(reflow)?

  • <width>
  • <color>
  • <opacity>
  • <visibility>

3. 以下哪种方法可以减少CSS文件大小?

  • <inline>
  • <nesting>
  • <variables>
  • <minification>

4. 哪种CSS布局方式性能最高?

  • <float>
  • <table>
  • <flexbox>
  • <grid>

5. 以下哪个伪类选择器性能较差?

  • <:hover>
  • <:nth-child()>
  • <:first-child>
  • <:last-child>

6. 哪种方式可以避免CSS阻塞渲染?

  • <media queries>
  • <!important>
  • <inline styles>
  • <@import>

7. 以下哪种方法可以提高CSS渲染性能?

  • <animation>
  • <transition>
  • <transform>
  • <will-change>

8. 哪种CSS属性不会触发重绘(repaint)?

  • <background-color>
  • <border-radius>
  • <transform>
  • <box-shadow>

9. 以下哪种CSS预处理器可以提高开发性能?

  • <LESS>
  • <Sass>
  • <Stylus>
  • <PostCSS>

10. 哪种方式可以减少HTTP请求以优化CSS性能?

  • <CSS sprites>
  • <Base64 encoding>
  • <CDN hosting>
  • <Multiple stylesheets>

11. 以下哪种方法可以优化动画性能?

  • <setTimeout>
  • <setInterval>
  • <CSS animations>
  • <requestAnimationFrame>

12. 哪种CSS属性可以通过GPU加速提升性能?

  • <position: absolute>
  • <display: flex>
  • <transform: translateZ(0)>
  • <z-index: 999>