Relleno Dreamweaver vs. Margen

Codificación de páginas Web basadas en CSS a mano puede ser difícil y confuso. aplicación de diseño web Dreamweaver de Adobe hace que este proceso más sencillo, lo que permite a los usuarios cambiar rápidamente las propiedades de los elementos CSS ,. Tales propiedades como el margen y el trabajo de relleno para mantener el espacio entre los elementos CSS en una página Web. Se ven muy similares, pero que en realidad funcionan de forma diferente y cada uno funciona mejor en situaciones específicas.

Margen

La propiedad margin CSS define el espacio alrededor de un elemento de CSS, comúnmente se llama una caja. Un número mayor margen crea un espacio más amplio, vacío fuera del borde de una caja dada, que puede contener, por ejemplo, una imagen. Los márgenes son completamente transparentes y no se puede dar un color de fondo. Puede cambiar la parte superior, inferior, los márgenes derecho e izquierdo de forma independiente utilizando propiedades separadas, o utilizar una sola propiedad margen para cambiar todos los márgenes a la vez.

Relleno

El relleno también define el espacio entre los elementos, pero que controla que el espacio en el interior de la frontera, entre el borde y el contenido de una caja. No tiene un color de fondo y no oscurece el contenido de las cajas en las capas inferiores. Al igual que los márgenes de CSS, relleno ofrece un control independiente del elemento en los cuatro interior de una caja, o la capacidad de cambiar todas las partes del elemento de relleno a la vez utilizando una propiedad resumida.

Cómo modificar las propiedades de Dreamweaver

En Dreamweaver CS5.5, propiedades CSS aparecerán en la pestaña Estilos CSS en la parte derecha de la pantalla. Al seleccionar un objeto enumera sus estilos existentes. Para añadir un margen o material de relleno a una caja, seleccione la casilla y haga clic en "Agregar propiedad." Seleccione la propiedad correspondiente en el menú desplegable alfabético. Se puede elegir entre propiedades específicas, tales como "padding-bottom" o propiedades más generales, tales como "relleno". Introduzca el relleno o el valor de margen en píxeles o como porcentaje de la caja en el diálogo a la derecha de la propiedad. Como alternativa, seleccione la casilla y editar manualmente sus propiedades en el modo de vista de código. Esto permite un control más estricto, pero hace que sea más difícil de evitar automáticamente los errores tipográficos y otros errores.

consideraciones

Mientras que las propiedades de los márgenes y el relleno realizan funciones similares, cada uno tiene sus propios usos especiales. La propiedad margin funciona mejor cuando se necesita para hacer que el espacio entre dos cajas no anidados. Empuja otros elementos fuera de la caja que rodea. El relleno funciona mejor cuando se necesita para hacer espacio entre el borde de una caja y los otros cuadros que contiene. La adición de más de relleno se reduce el espacio disponible dentro de la caja y se puede cambiar el formato de texto o reordenar las imágenes.