Css的面试题问题收集

83 阅读2分钟

问题

  1. 选择器优先级

  2. css可继承和不可继承的属性

  3. display的值和作用

  4. 隐藏元素的方法

  5. link和@import的区别

  6. transition和animation的区别

  7. 伪元素和伪类的区别和作用

  8. 对requestAnimationframe的理解

  9. 对盒模型的理解

  10. 为什么用translate来改变位置

  11. li和li之间的空白原因

  12. css3的新特性

  13. 替换元素的概念和计算规则

  14. 常见的图片格式和使用场景

  15. 对csssprites的理解

  16. 逻辑像素和物理像素和像素密度

  17. margin和padding的使用场景

  18. 对line-height的理解及赋值方式

  19. css优化和提高性能的方法

  20. css预处理器和后处理器

  21. ::after :hover 双冒号和单冒号的区别

  22. display:inline-block什么时候会显示间隙

  23. 如何实现单行和多行文本溢出隐藏

  24. 对媒体查询的理解

  25. 对css工程化的理解

  26. 如何判断元素是否到达可视区域

  27. z-index属性什么时候会失效

  28. 常见的css布局单位

  29. px,rem,em的区别和使用场景

  30. 两栏布局和三栏布局

  31. 如何根据设计稿进行移动端适配

  32. 对Flex布局的理解及其使用场景

  33. 响应式设计的概念及基本原理

  34. 为什么要清除浮动,清除浮动的方式

  35. 如何创建BFC,如何创建

  36. margin重叠问题,如何解决

  37. 元素的层叠顺序

  38. position的属性有哪些和作用

  39. display,float,position的关系

  40. absolute和flexd的共同点和不同点

  41. 对sticky定位的理解

  42. 实现一个三角形

  43. 实现一个扇形

  44. 设置小于12px的字体

  45. 如何解决1px的问题