css - subrayado - text decoration none

¿Qué es la línea de altura: 1?

Question

Es una pregunta sobre el nombramiento de altura de línea.

Comencé a estudiar css. line-height: ejemplos que nombran 20px o una unidad se encuentran a menudo. A veces es la altura de la línea: hay 1 y una cosa sin una unidad, pero ¿en qué sentido se convierte esto?

Answer 1

Valores posibles

numero :

Establece un número que se multiplicará con el tamaño de fuente actual para establecer la distancia entre las líneas

longitud :

Establece una distancia fija entre las líneas.

% :

Establece una distancia entre las líneas en% del tamaño de fuente actual

tomar de http://www.w3schools.com/css/pr_dim_line-height.asp

Answer 2

Es un múltiplo del tamaño de fuente. De la recomendación del candidato de CSS 2.1: »El valor utilizado de la propiedad es este número multiplicado por el tamaño de fuente del elemento.«

Answer 3

Según http://www.w3schools.com/css/pr_dim_line-height.asp y http://www.w3schools.com/css/pr_dim_line-height.asp line-height: 1; es válido y significa lo siguiente: Establece un número que se multiplicará con el tamaño de fuente actual para establecer la distancia entre las líneas.

Answer 4

Si no se suministra ninguna unidad, por ejemplo, "line-height: 1.5" la distancia entre las líneas se establece al multiplicarse este número con el tamaño de fuente actual.

1.5 x tamaño de letra

Answer 5

También tenga en cuenta que "1" no es igual a "normal": 1 es exactamente la misma altura que el tamaño de la fuente, por lo que las líneas en un elemento multilínea, como un párrafo, se ajustarán una con la otra, mientras que la normal agrega la Espaciado esperado entre las líneas.

Usando la taquigrafía de la fuente:

font: font-style font-variant font-weight font-size/line-height font-family;

parece que el valor predeterminado de la altura de línea es normal si no se especifica. Por ejemplo:

body{
    line-height:1; /* as seen in Eric Meyer''s reset css */
}
p{
    font:normal normal normal 14px "Times New Roman", Times, serif;
}

resultará en que todos los párrafos tengan una altura de línea normal, anulando el conjunto 1 para el cuerpo, mientras que

p{
    font:normal normal normal 14px/1 "Times New Roman", Times, serif;
}

mantendrá la altura de línea de 1 (que en este ejemplo sería 14px).

Answer 6

Parece que line-height no necesita una unidad (artículo detallado) .

La propiedad line-height puede aceptar valores numéricos sin unidades. También puede dar valores unidos de altura de línea, aunque generalmente no debería. Pero los números sin unidades están bien para esta propiedad.