CSS modelo de caja
****** una caja se compone de las siguientes partes:
1, el contenido de la caja ---- contenido
2, el borde del cuadro ---- frontera
entre 3, el contenido de la frontera cuadro distancia, llamado el relleno ---- relleno, el relleno (el parche)
la distancia entre la 4, cuando la presencia de una pluralidad de cajas, la caja y la caja, llamado el límite ---- margen, desde el exterior (el parche externo)
***** donde el ancho real de la caja como un ejemplo de la izquierda y los límites derecha + = izquierda + fronteras derecha e izquierda llenas
****** propiedades cuadro de CSS de correlación
[1], el atributo de contenido: anchura = anchura del contenido en sí, el contenido en sí alta = altura
[2], la propiedad de llenado: la distancia entre el contenido y el relleno límite
***** la hora de definir la anchura de la caja, teniendo en cuenta, el marco de relleno, existen límites
si el aumento de la embalado, el valor de todo el ancho de la caja, restar de nuevo, se aumenta el valor de la embalado
futuro ***** en el uso de márgenes, prestar atención a los problemas de compatibilidad del navegador
****** cero, excepto en el caso de todos los no-cero valores deben añadir unidades
****** Como cada recorrido está ahí, dentro y fuera de los márgenes, valores predeterminados, No es la misma que
tenemos que ser el navegador por defecto para todos los márgenes internos y externos se calculan a partir de cero.
En la práctica, no utilice el * {margin: 0; padding: 0;}, pero el menos eficiente
así que estamos acostumbrados qué elementos, poner el valor por defecto que los elementos de cero.
propiedades CSS, aunque hay características heredadas, pero no todas las propiedades se heredan
El W3C recomienda s para todas las imágenes de la página se colocan en una caja (box), un modelo de caja ------
los diseñadores pueden personalizar para controlar las propiedades del cuadro mediante la creación de estos objetos incluir párrafos, listas, título y capa de imagen <div>
principal modelo de caja define cuatro regiones: el contenido (contenido), de relleno (relleno), la frontera (la frontera) y un borde (margen)
frontera aquí también llamada: un marco exterior, un parche externo; llenos también conocido como: acolchado, parche dentro de
todo el ancho de la página modelo de caja está ocupada por el
borde izquierdo borde izquierdo + acolchado + izquierda + derecha + contenido + acolchado + borde derecho borde derecho
out pila de la caja por el diseño de la página
control de CSS tamaño del elemento de
conjunto anchura de la anchura del elemento: 100px;
ajuste de altura de la altura del elemento: 100px;
elemento se establece en una dirección desde el exterior margin-top / derecha / abajo / izquierda: 10px;
parámetro número de notificación hace margen: 10px; cuatro direcciones vertical y horizontal
con el conjunto de margen elementos: 10px 20px; verticales y horizontales
márgenes margen: 10px 20px 30px; a la izquierda
margen: 10px 20px 30px 40px; izquierda y derecha inferior
elemento se encuentra en el relleno del marco: la izquierda y la inferior derecha