Top CSS embutida: Contido Ordenación

esquema CSS foi sempre rectangular. Calquera liñas suaves - a competencia do creador. normas de estilo fornecen opcións suficientes para dar forma páxina lisa dentro da resolución da pantalla. Pero calquera elemento de deseño - é sempre un rectángulo no que a información de localización réxese polas normas do CSS.

Recheo en todas as partes son importantes para cada elemento na páxina cando se está posicionado de forma absoluta, ea marxe superior é determinado por CSS todo porque é importante que os distintos elementos, especialmente inferior a caso.

regras de posicionamento básicos

Bloque elemento ten dereito a retirarse dos lados do elemento, en que o (marxe), o dereito de retirar os elementos no seu interior (recheo) ea anchura da armazón (fronteira), que tamén se pode usar.

De particular importancia é a marxe superior. CSS goberna no interior da unidade une as regras de recheo internos elementos dentro dese bloque posicionado absolutamente e relativamente.

A práctica habitual de CSS-regras: pode especificar as marxes en todas as partes igualmente, en pares de arriba / fondo e esquerda / dereita ou a cada lado separado. Por exemplo,

• marxe: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

No primeiro caso, establecer o elemento guión do lado do recipiente exterior na que está situada. No segundo caso, as marxes superior e inferior son 10px, esquerda e dereita - 20px. No terceiro caso, as dimensións do recheo de todas as partes: superior, dereita, abaixo e esquerda.

En todos estes casos, o CSS marxe superior é de 10 px.

Regras que cambian a posición dos elementos

Se o elemento de deseño non está posicionado de forma absoluta, e na páxina de formulario de orde xeral.

Se definirmos a marxe superior do elemento CSS scCurrInfo é alcanzado, e ao nivel da li - non.

Neste exemplo, o uso de regras padding: 40px; Require regras adecuadas reducir o ancho e alto para 80px. Se non, o tamaño do bloque scCurrInfo sae alén da unidade exterior.

Se eliminar o recheo da descrición da regra scCurrInfo pero engadir lo con un valor de 20px na descrición da lista de elemento de estilo, só a marxe superior. CSS non aplicar este valor para as outras partes.

Por suposto, tal uso de regras de recuar aplicables a cada elemento lin.

contido formato práctica xeral

Algúns desenvolvedores acadar a perfección, milla páxinas e media bloquear elementos. Ao parecer, esta é unha práctica clásica - comezando con mesa e rematar o seu propio proceso educativo sobre os bloques.

A liberdade inherente á disposición bloque, fascinación, eo creador da imaxinación non pode ser limitada ás regras tabulares estritas única ocupa só a fusión celular só horizontal e vertical. Nada ideas relacionais inherentes.

Mentres tanto, táboas, ademais das desvantaxes obvias, hai moitas vantaxes cualitativas. Creando un recuar na parte superior, CSS permite para recheo á esquerda, á dereita (a partir do fondo - este é un momento especial). Regras permiten controlar as células da táboa aliñados vertical e horizontal. Usando serie estilos, combinando os cos estilos de células poden formar complexo presentación do contido.

representación habitual dunha páxina en forma de rectángulos (esquema do bloque) non impide que nunha táboa. Este tamén é un rectángulo, pero eles tamén son unha cela da táboa, isto é, teñen as súas propias regras que complementen as regras dos bloques.

colocación absoluta

; POSICIÓN regra de bloqueo: Absolute; Será situado no lugar designado polos seus coordenadas relativas ao bloque no que está situado.

Unha característica de regras CSS - "práctica - o mellor criterio da verdade" na maioría dos casos, especialmente onde a compatibilidade e maquetación cross-browser é feito a man, preferentemente manuais de estudo de alta calidade para CSS.

Usando táboas, moitas veces leva a célula problemas contidos viés. Un cambio similar no bloque non afecta sempre e non para todos os elementos. Ao probar, pode conseguir o resultado desexado. tarefa trivial: como eliminar a marxe superior, CSS non sempre resolver un xeito trivial.

Nalgúns casos, cando é necesario impoñer os elementos da páxina no interior de calquera sitio web sistema de xestión de contidos popular, aínda debe prestar atención non só para a práctica experimental, pero tamén para ver a experiencia dos compañeiros.