#CSS

29 道题

• CSS 盒模型是什么？CSS#box-model初级›
• CSS 选择器的主要类型有哪些？CSS#selectors初级›
• CSS 优先级（specificity）是如何计算的？CSS#selectors初级›
• 你应该使用哪些 CSS 单位，何时使用？CSS#units初级›
• 你如何在CSS中指定颜色？CSS#language初级›
• display 属性控制什么？CSS#layout初级›
• CSS position 值有哪些？CSS#layout初级›
• 什么是 Flexbox，您如何使用它来居中内容？CSS#flexbox初级›
• 什么是伪类，常见的有哪些？CSS#selectors初级›
• 哪些属性控制文本和字体?CSS#language初级›
• flex-grow、flex-shrink 和 flex-basis 如何工作？CSS#flexbox中级›
• 你如何用 CSS Grid 创建一个布局？CSS#grid中级›
• grid-template-areas 和响应式网格如何工作？CSS#grid中级›
• Media queries 如何实现响应式设计？CSS#responsive中级›
• 什么是 CSS 自定义属性（变量）？CSS#language中级›
• box-sizing: border-box 有什么作用？CSS#box-model中级›
• 什么是 ::before 和 ::after 这样的伪元素？CSS#selectors中级›
• CSS transition 如何工作的？CSS#animation中级›
• CSS transform 可以做什么？CSS#animation中级›
• z-index 和堆叠上下文是如何工作的?CSS#layout中级›
• overflow 属性和滚动容器如何工作？CSS#layout中级›
• cascade 和 inheritance 如何决定哪些样式应用？CSS#language中级›
• CSS 关键帧动画如何工作？CSS#animation高级›
• 什么是移动优先响应式策略，容器查询如何融入其中？CSS#responsive高级›
• position: sticky 实际上是如何工作的，为什么有时它会失效？CSS#layout高级›
• 哪些 CSS 架构方法论有助于大型代码库？CSS#architecture高级›
• 哪些现代 CSS 函数和特性简化了布局（clamp、aspect-ratio、subgrid）？CSS#layout高级›
• 什么是级联层（@layer）和 :is/:where 选择器？CSS#selectors高级›
• 什么是 CSS 逻辑属性，它们为什么对国际化很重要？CSS#language高级›