Espazamento entre liñas, CSS, básico

Hoxe nós estamos indo a analizar intervalos de altura de liña CSS. Este recurso axuda a facer o texto máis fácil de ler. Ademais, moitas veces é usado para reducir o tamaño ocupado polo contido da páxina. Sobre todo para o novato debaixo será indicado unha breve xira sobre a historia da cuestión. Así, entón, vai aprender como instalar os intervalos de altura de liña CSS.

información necesaria

CSS significa Cascading Style Sheet, que traducido significa "follas de estilo en cascada". Esta linguaxe é usada para as páxinas web que foron escritos nunha linguaxe de marcado (por exemplo, HTML). Antes da chegada do CSS conxuntos de documentos de deseño con built-in etiquetas HTML, pero eles eran moi incómodo e inundando o código enteiro. Foi, polo tanto, decidiu crear unha nova linguaxe que será responsable da inscrición. Hoxe, CSS e HTML - son dous conceptos inseparables. de estilo en cascada sintaxe é moi simple, usa as propiedades e os seus valores, tales como «fondo: vermello». Para asignar un ámbito, só precisa escribir o nome de marca de propiedade (ou identificador): «body {background: Red; } "Pero a propia equipo colócase entre as chaves. Ao final de cada liña gravada cunha descrición das características de ser un punto e coma, se non, prodúcese un erro.

intervalos

Pero chega de frases introdutorias, comezar a traballar. Liña espazamento propiedades CSS defínense mediante o line-height. Pode ser aplicado a todos os elementos. A propiedade en si é herdada, o que significa que os nenos van copiar o espazamento dos seus pais. Por exemplo, se escribir o seguinte comando: body {line-height: 20px}, entón todos os elementos da páxina, o espazo entre liñas será igual a 20 píxeles. Como o valor desa propiedade pode ser usada en calquera unidade CSS coñecidos (elementos - PT, píxeles - px, polgadas - en, etc ...). Outra opción é usar valores relativos tales xuros ou multiplicadores. Neste caso, o espazamento de liña CSS será deducido do elemento pai. O valor por defecto é considerado como o seu contrasinal normal.

Para máis información,

Xa que estamos a falar sobre os intervalos, paga a pena mencionar sobre a distancia entre as letras. Para determinar esta característica na CSS reservar unha propiedade separada, é dicir, letter-spacing. este comando é un principio de acción é similar ao line-height. Unidades de outros valores do mesmo. CSS-espazamento entre as letras tamén pode ser aplicado a todos os elementos, e ten o apoio de todas as versións da linguaxe. Exemplo das propiedades: «h2 {letra-paso: 10px; } ". Se asignar o intervalo entre as letras para o elemento do corpo, a continuación, todos os elementos han herdar esta característica (o valor non é explicitamente substituído).

conclusión

Débese notar que algúns navegadores correctamente determinar intervalos CSS altura de liña. Por exemplo, o programa IE (ata versión 7.0) de forma incorrecta calcula a distancia. Neste caso, ten que ter en conta o período de diferenza. Novas versións deste erro sexa corrixido totalmente navegador. Un problema semellante se atopa ao usar as propiedades para determinar a distancia entre as letras. En todos os outros programas de datos mando determínase segundo o W3C (World Wide Web Consortium).