Caja de modelo:
el modelo de caja es la piedra angular de diseño CSS, especifica cómo mostrar los elementos de la página y las relaciones entre los elementos.
css definir todos los elementos pueden tener una forma de caja y un espacio planar.
Que contienen área de contenido de contenido, relleno de relleno (relleno), frontera frontera, fronteras de margen (márgenes) Este es el modelo de caja.
Cassette Modelo:
1: para controlar la relación de posición entre los elementos principales y secundarios;
2: para el control de la relación de posición entre los elementos y contenidos;
3: se utiliza para controlar la relación de posición entre los hermanos.
el relleno (relleno):
1: relleno entre el contenido y la caja, dentro de la caja;.
2: relleno es para ajustar la relación de posición en el sub-elementos elemento padre en el interior;
3: Añadir el casete se extenderá valor de relleno, si desea que el cuadro mantener el tamaño original, necesidad de perder los valores de anchura y altura en base al material de relleno;
4:. relleno no pueden ser valores negativos;
5:. almohadillado no tenga efectos la imagen de fondo;
6: si el cuadro no establece un ancho fijo y altura, complemento Guardar el relleno no es;
7: valor de relleno añadido a una única dirección:
padding-izquierda / derecha / arriba / abajo:;
8:. método de ajuste padding:
padding: cuatro semanas 1 valores.
padding: 2 verticalmente y los valores horizontalmente
padding: º 3. más o menos al valor
de relleno: 4 Ge en los valores de izquierda y derecha
margen (márgenes):
1: el margen de caja (elemento) externa;.
2: margen de control de la relación de posición entre el elemento de hermanos;
. 3: anchura del margen de la caja sí sola no afecta alta;
4:. margen puede proporcionarse negativa;
5: se añade valor de margen para una sola dirección
margen-izquierda / derecha / arriba / abajo:;
. 6: margen método de ajuste:
. margen: cuatro semanas 1 valores de
margen: 2 o así valores verticales
margen: valores más bajos de alrededor de 3
margen: cuatro valores inferior derecha de la parte superior izquierda
7: margin: 0 auto; (dejar que el elemento actual que está centrada alrededor del elemento padre);
NOTA: los errores aparecen a menudo margen:
a: cuando el elemento primario y el elemento secundario de la primera serie no son flotante caso, si el elemento secundario agrega a la primera margin-top, se añadirá el error en el margen superior por encima del elemento padre.
b: el valor de margen adyacente verticalmente entre los dos elementos, no se apilan, de acuerdo con máximo conjunto.
La posición ocupada por el modelo de caja estándar consiste en:
占有 的 宽度: ancho + padding-izquierda / derecha + frontera-izquierda / derecha + margen izquierda / derecha
La posesión de altura: altura + padding-arriba / abajo + frontera-arriba / abajo + margen-parte superior / inferior