CSS

transition: 过渡 transition 什么时候生效的 元素从一种样式变成另一种样式时的平滑过渡效果。在这种情况下，transition会在元素样式发生更改时立即生效， tranform

效果 方法 使用Animation添加from 到 to 的动画 给每个子元素添加延迟 animation的使用 animation: 规则名 持续时间 重复次数 时间函数 动画方向 延迟时间 nam

效果 总结 总结一下这个项目，你实现了以下功能： 点击表头进行升序/降序排序，根据数据类型进行排序（数字/字符串） 点击全选/全不选按钮，控制所有复选框的状态 点击任意一个复选框，控制全选按钮的状态

伪类选择器 伪类 含义 :link 选中未访问过的超链接 :visited 选中已访问过的超链接 :hover 选中鼠标移入的元素 :active 选中鼠标按下的元素 :focus 选中聚焦的表单元素

什么时候使用绝对定位 下面三个条件满足任何一个时，使用绝对定位： 元素出现在一个天马行空的位置 元素是否存在，不影响其他元素的排列 单个元素在某个区域内水平垂直居中 fixed和absolute的区别

CSS属性值的计算过程包括以下几个步骤： 收集样式规则：浏览器首先需要收集所有的样式规则，包括内联样式、嵌入样式和外部样式表。 构建样式规则树：将收集到的样式规则按照优先级构建成一棵样式规则树。在构建

简介 前端精灵图（也称CSS雪碧图）是一种优化前端性能的技术，它将多张小图片合并成一张大图片，并使用CSS背景定位来显示各个小图片，从而减少了HTTP请求次数和网页加载时间，提高了网页的性能和用户体验

尺寸的百分比 百分比是一个相对单位，其相对于元素的参考系，比如： 普通元素的参考系为父元素的内容区域 绝对（固定）定位元素的参考系为父元素中第一个定位元素的padding区域 参考父元素 为什么con

看效果 看一看见span 元素之间有间隙, 产生原因 inline元素是按照文本的方式排列的，所以它们之间会有空白字符，例如换行符、空格等。 这些空白字符会占用一定的宽度，导致inline元素之间出现

CSS定位是一种CSS属性，可以用于指定一个元素在其父元素中的位置。CSS定位有以下几种类型： 静态定位（static）：这是默认的定位方式，元素在文档流中按照其在HTML中的位置进行布局。 相对定位

CSS中的浮动指的是一种布局方式，可以让元素向左或向右浮动，以腾出空间给其他元素。浮动元素不再占据父容器中的原始位置，而是尽可能地靠近容器中的另一个元素。这种布局方式常用于制作多栏布局、图像浮动等。但

BFC 全称为“块级格式化上下文”，是 Web 页面中一种常见的渲染机制。 BFC 主要作用是定义了一个独立的渲染区域，该区域内部的元素布局不会影响到外部元素。在 BFC 中，每个元素的 margin

权重解决了什么问题 CSS 权重是为了解决当多个 CSS 规则应用于同一个元素时，哪个规则将优先应用的问题。 demo css 定义了两条规则,都指向了最里面的div, 为何只有第一条被采用了? 权重