CSS面试

画三角形 画线条（横线）： 单行文本超出显示省略号 多行文本超出显示省略号 要实现多行文本溢出显示省略号，可以使用 -webkit-line-clamp 和 display: -webkit-box 

flex 属性本身是一个简写属性，用于设置以下三个子属性： flex-grow: 定义项目的放大比例，即当容器中有剩余空间时，项目将如何分配这些剩余空间。是对剩余空间的按比例分配。 默认值为 0，表示

CSS 动画（animation）允许你通过定义关键帧（@keyframes）来创建复杂的动画效果，这些动画效果可以应用于 HTML 元素上。下面是 CSS 动画的详细讲解，包括核心概念、使用方法以及

三栏布局是一种常见的网页布局模式，通常包括一个左侧栏、一个右侧栏和一个中间内容区域。实现这种布局的方式有很多种，以下是几种常用的三栏布局实现方案： 1. 浮动布局 使用 float 是较为传统的三栏布

对于未知宽高的元素，水平垂直居中的布局需求非常常见，尤其在响应式设计中。以下是几种常用的实现方法： 1. 使用Flexbox 2. 使用Grid CSS Grid也是一个布局的利器，可以很方便地实现居

CSS 的 position 属性用于指定元素在文档中的定位方式。它有几个常用的属性值，每个属性值决定了元素的定位方式和相对的参考点。以下是 position 属性的主要属性值及其作用： 1. sta

在CSS中，设置元素的尺寸时可以使用多种单位，这些单位可以分为绝对单位和相对单位两大类。了解这些单位的使用场景和差异，有助于你更精确地控制页面布局和响应式设计。 1. 绝对单位 绝对单位表示的长度是固

选择器的优先级由以下几个因素决定，从高到低排列如下： 内联样式（例如：style="color: red;"）：1000 ID 选择器（例如：#example）：100 类选择器、伪类、属性选择器（例

CSS 精灵图（Sprites）是一种优化网页加载时间和性能的技术，通过将多个图像合并到一个图像文件中，减少了 HTTP 请求的数量，从而提高了加载速度。下面是 CSS 精灵图的基本概述： CSS 精

border: 0 和 border: none 都可以用来去除元素的边框，但它们之间有一些细微的区别。 1. border: 0 border: 0 是一种缩写形式，相当于将 border-widt