7 increíbles nuevas técnicas CSS para 2019

Este es el momento adecuado para elegir el desarrollo web como una opción de carrera. Al igual que los diseñadores web, los desarrolladores web también se fascinaron con las formas de probar nuevas técnicas CSS y ampliar los límites de lo que CSS puede hacer.

Aquí, echaremos un vistazo a algunas de las nuevas técnicas de CSS y especificaciones completas que se están abriendo camino en los diseños creativos. Puede controlar casi cualquier aspecto de un diseño mediante un CSS bien descrito. Además, puede mejorar una mejor experiencia de usuario en general, con un código más limpio y más consistente.

1. Carta inicial

La letra inicial es una propiedad de CSS, propiedad que selecciona la primera letra del elemento y especifica el número de líneas ocupadas por la letra. La mayoría de las veces se usa en medios impresos y sitios de información, sitios de noticias, donde la primera letra del párrafo es mucho más alta que el resto del contenido.

La propiedad de letra inicial ajusta automáticamente tanto el número de líneas necesarias para crear el límite de caída estilizado como el tamaño de fuente. La letra inicial aprueba los siguientes valores:

– se refiere a cuántas líneas ocupa la letra en las que no se aceptan valores negativos;- normal es útil si desea restablecer el valor si se puede heredar de la cascada y no se aplica ningún efecto de escala a la primera letra;- determina el número de líneas en que la letra debe hundirse cuando su tamaño está predefinido. Los valores deben ser mayores que cero, y si el valor no se especifica, el valor del tamaño se duplica, se transfiere al número entero positivo más cercano;

El pseudo-elemento :: first-letter puede usarse para seleccionar caracteres que serán formateados como letras iniciales. El pseudo-elemento :: first-letter no selecciona la primera letra del elemento que tiene la visualización: en línea, pero solo funciona en elementos que tienen un valor de visualización de bloque, celda de tabla, título de tabla o elemento de lista .

…Para leer más, siga el link del idioma que prefiera