Tecnología

Inicio

Las funciones de los márgenes

Las funciones de los márgenes


Márgenes aparecen dentro de los diferentes tipos de documentos producidos digitalmente, incluidos los archivos de procesamiento de textos y páginas Web. La práctica de utilizar los márgenes se asocia particularmente con el diseño y desarrollo web. Los márgenes se tienen una serie de funciones, pero, en general, su objetivo es mejorar la apariencia de un documento, por lo que su contenido sea más legible. páginas web construyen ellos mismos usando código de marcado HTML y Cascading Style Sheet declaraciones utilizar los márgenes para definir el espacio vacío alrededor de los elementos visibles.

Espacio en blanco

Los diseñadores gráficos y Web utilizan el espacio en blanco para mejorar la apariencia de los elementos en una página. En las páginas Web, estos elementos pueden incluir texto, imágenes y otros elementos multimedia. Al incluir el espacio alrededor de los elementos, se hace más fácil para los usuarios ver donde uno de los elementos y empieza otro, así como hacer que el contenido de texto más fácil de leer. Al definir los márgenes usando una combinación de código HTML y CSS, los desarrolladores pueden hacer que cada elemento de la página se destacan de manera efectiva dentro de la página en su conjunto.

diseños

páginas Web a menudo se benefician de diseños visuales, en el que los diseños son un elemento clave. Diseños de determinar cómo se colocan los elementos en una página con relación a otra. Márgenes juegan un papel en la determinación de dónde aparecerá cada elemento dentro de una disposición, haciendo que cada parte de la página claramente definido. En el diseño de Web, los márgenes se pueden aplicar a cualquier elemento. El navegador Web representación de una página interpretará propiedades de los márgenes de la página de códigos como instrucciones para incluir el espacio vacío alrededor del elemento.

técnicas

Márgenes utilizan una combinación de HTML y CSS. El siguiente elemento HTML tiene un atributo ID:
<Div id = "contenido"> Aquí está algo de contenido </ div>

El código CSS para la página puede identificar el elemento de la siguiente manera:

contenidos {margin: 10px;}

El margen en este caso es un valor fijo de 10 píxeles en cada lado del elemento. El código podría especificar, alternativamente, un valor para cada lado, o podría utilizar valores relativos, como sigue:

contenido {margin: 1% 2% 1% 5%;}

Esto indica el tamaño del margen en relación con el tamaño del elemento de la página que contiene el elemento "div", empezando por la parte superior y alrededor de cada lado en una dirección en sentido horario. CSS puede identificar los distintos lados de la siguiente manera:

contenidos {margin-top: 5px;}

Los desarrolladores pueden aplicar la configuración de la parte superior, inferior, izquierdo y derecho de un elemento.

Prácticas correspondientes

Los desarrolladores utilizan a menudo otras propiedades en asociación con los márgenes en la aplicación de diseños de página. El modelo de caja CSS especifica las reglas para los navegadores Web al interpretar los diseños de página. Los desarrolladores pueden utilizar CSS para dictar las dimensiones del contenido de elementos, dimensiones de un área de relleno de fuera del contenido, dimensiones de una frontera y para el margen, que aparece fuera del elemento.