static; ! Fatos: ! • o valor static faz o elemento se posicionar de acordo com o fluxo da página e não interpreta as propriedades top, right, bottom, left e z-index; ! • elementos com position: absolute; dentro de um elemento com position: static;
com que um sistema distribuído pode ser expandido usando todos os seus recursos para acomodar as demandas, sejam altas ou baixas.! ! - http://pt.wikipedia.org/wiki/Escalabilidade
suas propriedades de preferência extras;! • layouts.css - Propriedades específicas da aplicação;! • page.css - Folha de estilos com propriedades especificas
.wrapper, .wrap, .box-areaname! ! Reaproveitamento de heads e textos! Defina os heads e textos uma vez! ! Identifique os padrões visuais do layout e tire proveito! Todo .wrap terá um padding-top? Ótimo!
tamanhos ele deve incluir no elemento.! ! Valores do box-sizing:! ! content-box (default): Apenas incluso propriedades de width e height. Padding e border não se incluem;! ! border-box: Inclue, além de width e height, border e padding no tamanho de width e height.
100%; height: auto; } Você define o tamanho do content da imagem e ela herda esse tamanho, se adaptando a valores relativos em level Jedi.! ! Ótima adaptação para as milhares de variações de telas mobile.