Comparta algunas propiedades útiles de css

Uno: visualización del cursor

1: Escena:

        Encontraremos que cuando hace clic en el texto de la página con el mouse, se mostrará el siguiente cursor.

 

       2: atributo css

             

   caret-color:red;光标为红色

   caret-color: transparent;不显示光标

   caret-color: auto;

Más aquí: caret-color - CSS (hojas de estilo en cascada) | MDN (mozilla.org)

Dos: configuración de texto

1: establecer la alineación del texto.

h1 {text-align:center;}//居中
h2 {text-align:left;}//左对齐
h3 {text-align:right;}//右对齐
h4 {text-align:justify;}//两端对齐

2: establece el texto más allá de lo oculto.

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

3: Establecer altura de línea/grosor de texto

font-weight: 600/700/800/900;//文字粗细
line-height: 60px;//行高;当行高等于所在容器高度,文本垂直方向居中

4: Establezca el espacio entre palabras/la sangría de la primera línea

letter-spacing:1px;//字间距
text-indent:1em;//首行缩进

Tres: movimiento del mouse en efecto

鼠标移入禁用效果:cursor:no-allowed
  鼠标移入变小手: cursor: pointer;

Cuatro: degradado de color

#grad {
  background-image: linear-gradient('top',red, 30%, yellow, 0.3);
}
'top':渐变方向(也可以为数字:45deg)
30%:上一个颜色从1到0的渐变范围
0.3:透明度

 Cinco: oclusión elemental

CSS - 元素遮挡(层级/定位等等)导致无法点击下层元素解决方案:pointer-event:none
当使用定位后,你要操作最下层div,由于最上面的div遮挡了最下层div导致你无法操作最下层div,可以使用此属性

Para obtener más información, consulte: https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events

Supongo que te gusta

Origin blog.csdn.net/m0_50789201/article/details/126103682
Recomendado
Clasificación