Parte superior o CSS Margin-top

Con las hojas de estilo en cascada o CSS, puede colocar casi cualquier elemento de lenguaje de marcado de hipertexto, incluyendo imágenes, texto, capas div, tablas y listas en su sitio web. Si se utiliza la propiedad "arriba" o la propiedad CSS "margin-top" depende de otros elementos de la página y su relación con la ubicación de uno al otro.

Fondo

CSS, abreviatura de hojas de estilo en cascada, es un tipo de codificación web que se utiliza en conjunción con el lenguaje HTML. CSS aplica estilos a los elementos HTML existentes. Por ejemplo, se puede colorear el texto, asigne a la decoración de enlaces de texto, especifique las fronteras de las imágenes y modificar elementos de formulario con CSS. CSS ofrece la opción de configurar los márgenes, el espacio entre la parte exterior del contenedor, como una mesa, o capa de células div y especificar la posición de los elementos dentro de la página Web.

propiedades

La propiedad CSS para un margen superior elementos es "margin-top". Cuando se establece un valor, en píxeles, pulgadas o porcentaje a esta propiedad a un elemento, como una mesa, aparecerá la tabla para desplazarse por la página que el CSS inserta más espacio entre la parte superior de la tabla y otra páginas sobre elementos. La propiedad CSS "top" se usa siempre en combinación con la propiedad "posición". Debido a que hay varios tipos de posición, el resultado puede diferir

Posicionamiento CSS

Cuando se utiliza la propiedad "top" en el CSS, también debe especificar el tipo de posición. Si utiliza el posicionamiento absoluto, las propiedades "top" especifica cuántas unidades están entre el borde superior de un elemento y su elemento contenedor. Por ejemplo, puede especificar un valor o 300-píxeles de la propiedad "de arriba" para una imagen. Una imagen con posición absoluta puede aparecer como 300 píxeles por debajo de la parte superior de la tabla que la contiene. En el contrato, el posicionamiento relativo coloca la imagen de 300 píxeles por debajo de la posición normal (sin posicionamiento) de la imagen. También puede especificar la relación de la imagen a la ventana del navegador con el posicionamiento fijo y la propiedad "de arriba".

consideraciones

Usted puede utilizar el "top" y "propiedades de margen superior" al estilo de sus elementos del sitio web. Por ejemplo, si se utiliza el posicionamiento relativo, es posible que desee añadir un pequeño margen, de 10 pixels, entre una mesa y un div. Aunque se puede usar sólo la propiedad de margen para posicionar los elementos que aparecen en pantalla, tendrá que incorporar márgenes reales en estos valores. Si lo que desea es crear un espacio entre los elementos, puede usar simplemente la propiedad margen superior. También puede especificar el margen superior de un elemento utilizando la propiedad abreviada "margen", que le permite configurar las cuatro marigns (arriba, derecha, abajo y de izquierda) a la vez. Por ejemplo, para establecer todos los márgenes de 5-píxeles, aplicar el siguiente CSS a su etiqueta de selección / HTML:

{Margin: 5px;}