{"id":75,"date":"2014-11-05T01:32:00","date_gmt":"2014-11-05T04:32:00","guid":{"rendered":"http:\/\/ricardoartur.com.br\/mmr2\/?p=75"},"modified":"2023-04-21T11:54:08","modified_gmt":"2023-04-21T14:54:08","slug":"posicionamento","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/web\/2014\/11\/05\/posicionamento\/","title":{"rendered":"Posicionamento"},"content":{"rendered":"<p>O posicionamento de elementos CSS pode ser bastante variado de acordo com o objetivo. Os quatro\u00a0tipos de posicionamento mais comuns s\u00e3o: <strong>static,\u00a0<\/strong><strong>relative, absolute e fixed<\/strong>. <a href=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/2014\/11\/position.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-76\" src=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/2014\/11\/position.png\" alt=\"position\" width=\"640\" height=\"480\" srcset=\"https:\/\/ricardoartur.com.br\/web\/files\/2014\/11\/position.png 640w, https:\/\/ricardoartur.com.br\/web\/files\/2014\/11\/position-300x225.png 300w, https:\/\/ricardoartur.com.br\/web\/files\/2014\/11\/position-624x468.png 624w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<ul>\n<li><strong>static<\/strong> \u2013 posi\u00e7\u00e3o padr\u00e3o, n\u00e3o permite deslocamentos de topo, esquerda, direita ou base.<\/li>\n<li><strong>relative <\/strong>\u2013 o posicionamento\u00a0se d\u00e1 a partir de deslocamento (topo, esquerda, direita ou base)\u00a0da posi\u00e7\u00e3o original, podendo ser positivo ou negativo.<\/li>\n<li><strong>absolute\u00a0<\/strong>\u2013 o posicionamento se d\u00e1 a partir de coordenadas absolutas e torna-se independente dos demais elementos da p\u00e1gina.<\/li>\n<li><strong>fixed\u00a0<\/strong>\u2013 permite fixar o elemento na coordenada, mesmo que a p\u00e1gina se desloque, o elemento permanece na posi\u00e7\u00e3o.<\/li>\n<\/ul>\n<p>Para ver os exemplos funcionando, acesse os <a href=\"http:\/\/ricardoartur.com.br\/mmr2\/files\/exemplos\/position.zip\">arquivos no link<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O posicionamento de elementos CSS pode ser bastante variado de acordo com o objetivo. Os quatro\u00a0tipos de posicionamento mais comuns s\u00e3o: static,\u00a0relative, absolute e fixed. static \u2013 posi\u00e7\u00e3o padr\u00e3o, n\u00e3o permite deslocamentos de topo, esquerda, direita ou base. relative \u2013 o posicionamento\u00a0se d\u00e1 a partir de deslocamento (topo, esquerda, direita ou base)\u00a0da posi\u00e7\u00e3o original, podendo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[22,25,21,20,23,24],"class_list":["post-75","post","type-post","status-publish","format-standard","hentry","category-css","tag-absolute","tag-css","tag-fixed","tag-position","tag-relative","tag-static"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":2,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts\/75\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/posts\/75\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/media?parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/categories?post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/web\/wp-json\/wp\/v2\/tags?post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}