desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web 开发Web -的X HTML， C SS的， W eb标准，可用性，无障碍，网页设计，徐，博客和技术开发的W eb

Folhas de estilo vieram para facilitar a vida de desenvolvedores web , quanto a isso não há dúvidas.张作风，来方便生活的Web开发，在这方面是毫无疑问的。 Dúvidas, mesmo, são em relação a algumas técnicas CSS para alcançar determinados posicionamentos e resultados como, por exemplo, como deixar um site sempre no centro usando as folhas de estilo.问题，甚至，对于一些CSS技巧，以达到某些立场和成果，例如，如何让一个网站该中心使用样式表。 Pode parecer que é algo complicado de fazer e/ou que se trata de uma técnica CSS mais complexa; para a felicidade de quem mexe com CSS, tanto novatos quanto veteranos, colocar um site sempre no meio com as folhas de estilo em cascata é simples de ser feito.它可能似乎事情是复杂的作出和/或它是一个更复杂的CSS技术，为幸福的那些谁退缩利用CSS ，无论是初学者作为退伍军人，始终把网站 ，在中东与级联样式表很简单，工作需要去做。

Tão simples que, na verdade, existem diversas maneiras de se centralizar um site em qualquer resolução de tela usando CSS.这么简单，其实，有几种方法可以集中在一网站的任何决议的屏幕使用的CSS 。 São técnicas variadas, que, quando aplicadas, produzem o mesmo efeito esperado - de centralizar uma página web ou site completo.技术是多方面的，一旦实施，产生同样的效果，预计-以集中或网页网站c ompleto。 Como todas as técnicas servem para a mesma coisa, fica “a gosto do freguês” escolher qual utilizar.象所有技术用于同样的事情，是“的味道，客户叶”选择使用。

Centralizar site com CSS: posicionamento relativo e margens automáticas中心网站利用CSS ：相对定位和自动利润率

Esta é uma das mais simples técnicas para alcançar o efeito de o site ficar sempre no centro, independentemente da resolução de tela do visitante.这是其中一个最简单的技术来实现的影响，该网站始终在该中心，无论屏幕分辨率为访客。

Basicamente, deve haver uma div principal, que “englobará” o restante das divs do site .基本上，应该有一个重大的分裂， “封面” ，其余的divs 网站。 Geralmente os desenvolvedores costumam denominá-la “wrap”, “principal”, “site”, “all” ou algum outro nome que designe que esta é a div “externa” do site; a “casca” que está sempre ao centro.通常发展商通常denominá它“总结” ， “主体” ， “网站” ， “所有”或一些其他的名称指定，这是部“对外”网站， “空壳”这是一直在该中心。 Como as outras divs ficam como sendo descendentes, a “mágica” acontece.如何是其他divs的后裔， “神秘”的事情。

 #wrap { width : 750px ; /* largura fictícia */ margin : 0 auto ; } ＃总结 （宽度： 750px ; / * *宽度虚构/ 保证金： 0 自我; ） 

Para quem não sabe, a declaração de margin indica que as margens superior e inferior serão “0″ e as margens esquerda e direita serão calculadas automaticamente; ou seja, o site fica centralizado!对于那些谁不知道，该宣言的保证金表明，上层和利润率较低，将“ 0 ”和左，右页边距自动计算，即该网站是为本！

Centralizar site com CSS: posicionamento absoluto e margem esquerda negativa中心网站利用CSS ：绝对定位和左负

Também é possível centralizar todo um site através de posicionamento absoluto.它也有可能集中在整个网站上 ，通过绝对定位。 Para tanto, vamos utilizar a mesma div “wrap” como exemplo.这样做，我们会使用相同的分裂“总结”作为一个例子。

 #wrap { left : 50 % ; margin-left :- 375px ; /* metade da largura fictícia */ position :absolute ; width : 750px ; } ＃总结 （左： 50 ％ ; 保证金左： -3 75px; / *一半的宽度，虚构* /位 置：绝 对的;宽 度： 7 50px; ） 

Quando alguma div tem posicionamento absoluto, ela se baseia em seu elemento pai para se posicionar.当分裂，有绝对的定位，它是基于父元素的定位。 No caso, como ela não tem elemento pai, então vai se basear na página, em si - body .如果，因为它没有父元素，然后是奥钢联的基础上，一页，在本身-身体。 Então, para conseguir o efeito de centralização, jogamos uma margem esquerda de 50%, para que vá para o meio.因此，要达到的效果集中，发挥左保证金的50 ％ ，前往中东。 Mas é o limite da esquerda da div “wrap” que foi jogada 50% neste sentido; então, para que o centro da página é que fique no meio, aplica-se uma margem negativa da metade do valor total da largura.但左边是极限学“总结”这是50 ％ ，朝着这一方向，使该中心的网页是：它是在中间，适用于负面保证金一半的总宽度。

Qual das duas técnicas de centralizar o site é melhor?其中的两种技术，以集中的网站是更好吗？

Como disse, qualquer uma das técnicas CSS para centralizar um site pode ser usado; ambas produzem efeitos semelhantes.正如我刚才所说，任何的CSS技巧集中的网站可以使用，双方产生类似的效果。 A diferença principal é que uma atribui um posicionamento relativo à div principal ea outra um posicionamento absoluto .主要差别在于1给出了立场，主要学绝对定位和其他1 。 Isso, levando-se em consideração as divs filhas, tem um grande impacto na composição do layout , como um todo.这一点，顾及divs女儿，有着重大影响的组成， 布局作为一个整体。

Mas isso é assunto para um outro artigo… ;-)然而，这是一个主题为另一篇文章… ;-)