单行文本溢出显示省略号-必须满足三个条件 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
精灵技术主要针对于背景图片的使用，就是把多个小背景图片整合到一张大图中 这个大图也称sprites精灵图或者雪碧图 移动背景图片位置，此时可以使用 background-position 移动的距离就是这个目标图片的x和y轴，注意网页中的坐标有所不同 因为一般情况下都是往上往左移动的，所以数值是负值
发布于 2024-05-20
本质：让一个元素在页面中隐藏或者显示出来 display 显示隐藏 display: none; /* 隐藏对象 */ display: black; /* 除了转换块级元素之外，同时还有显示元素的意思 */ display隐藏元素后，不在占有原来的位置
发布于 2024-05-20
在使用定位布局时，可能会出现盒子重叠的情况。此时可以使用 z-index 来控制盒子的前后次序（z 轴） 选择器 { z-index: 1; } 数值可以是正整数、负数或 0，默认是 auto，数值越大，盒子越靠上 如果属性值相同，则按照书写顺序，后来者居上
发布于 2024-05-20
