Varias habilidades de uso de CSS que los programadores front-end deben conocer
1. Cuando la parte superior e inferior del margen del elemento y la parte superior e inferior del relleno usan el porcentaje como unidad, son relativos al ancho del elemento principal en lugar de a la altura como lo hacemos. Imagínese; de hecho, ocurre este fenómeno. Podemos usar inteligentemente el valor porcentual de margen/relleno para lograr una alta adaptabilidad. Por supuesto, el porcentaje de la altura del elemento es relativo a la altura de su elemento principal. Esta regla también se aplica a la altura mínima y máxima.
2. Cuando las unidades superior e inferior de un elemento con atributos de posicionamiento son porcentajes, el porcentaje es relativo a la altura del elemento principal. De la misma manera, la izquierda y la derecha son relativas al ancho del elemento principal.
3. El ancho del borde no permite el uso de valores porcentuales. No hay explicación para esto.
4. Ancho: 100. Cuando hay un elemento secundario en posición absoluta en el contenedor principal, el ancho de configuración del elemento secundario: 100 en realidad se refiere al ancho del contenido del relleno en relación con el contenedor principal. Cuando el elemento secundario es un elemento no posicionado absolutamente, ancho: 100 se refiere al contenido del elemento secundario, que es igual al ancho del contenido del elemento principal.
5. altura de línea. ¿Conoce la diferencia entre altura de línea: 150 y altura de línea: 1.5? Cuando la altura de línea tiene una unidad, el elemento secundario hereda la altura de línea del elemento padre. Cuando no tiene unidad, su altura de línea es. igual a la multiplicación numérica sin unidades. El tamaño de fuente del propio elemento secundario. Evidentemente, para evitar accidentes se recomienda elegir el que no tiene unidades.
6. Unidades ex y ch. ej: Tome la altura x de la fuente del efecto actual y calcúlela como 0,5 em si no se puede determinar la altura x ch: ¿Basado en el carácter ?0 en la fuente utilizada por el nodo, si no se puede determinar? ser encontrado, es de 0,5 em.
Las unidades Ex y ch, como em y rem, dependen de la fuente y el tamaño de fuente actual. Sin embargo, la diferencia es que estos dos elementos se basan en la unidad de medida de la fuente y dependen de la fuente configurada. 7. Cuando se utiliza calc, debe haber espacios entre los operadores; de lo contrario, puede no ser válido.
¿Ha dominado los 7 puntos de conocimiento anteriores? El editor publicará más información de contenido en esta plataforma a tiempo, así que preste atención a tiempo.