CSS3滤镜 filter filter CSS属性将模糊或颜色偏移等图形效果应用于元素 filter: 函数(); 例如：filter: blur(5px); blur 模糊处理 数值越大越模糊，数值后面要加 px 单位 img { filter: blur(5px); }</
发布于 2024-05-20
过渡动画：是从一个状态渐渐过渡到另一个状态，经常和 :hover 一起搭配使用 transition: 要过渡的属性 花费时间 运动曲线 何时开始; transition: width .5s ease 0.5s; /* 如果想要写多个属性，利用逗号进行分割 */ t
发布于 2024-05-20
CSS3中 box-sizing 来指定盒模型，有2个值：content-box、border-box，这样我们计算盒子大小的方式就发生了变化 可以分成两种情况： box-sizing: content-box; 盒子大小为 width + padding + border 的大小（以前默认的） b
发布于 2024-05-20
1. 属性选择器 属性选择器可以根据元素特定属性来选择元素 选择符 说明 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 选择具有att属性且值以val开头的E元素 E[att$="va
发布于 2024-05-20
单行文本溢出显示省略号-必须满足三个条件 white-space: nowrap; /* 1.先强制一行内显示文本 （默认normal自动换行） */ overflow: hidden; /* 2.超出的部分隐藏 */ text-overflow: ellipsis; /* 3.文字用省略号替代超出
发布于 2024-05-20
vertical-align 属性应用场景：经常用于设置图片或者表单（行内元素）和文字垂直对齐 官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内元素或者行内块元素有效 选择器: { vertical-align: baseline | top | middle | bottom }
发布于 2024-05-20
鼠标样式 cursor li { cursor: not-allowed; } 属性值 描述 default 小白（默认） pointer 小手 move 移动 text 文本 not-allowed 禁止
发布于 2024-05-20
