diff options
Diffstat (limited to 'files/pt-br/glossario/css_pixel/index.html')
-rw-r--r-- | files/pt-br/glossario/css_pixel/index.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/files/pt-br/glossario/css_pixel/index.html b/files/pt-br/glossario/css_pixel/index.html new file mode 100644 index 0000000000..327c7e0147 --- /dev/null +++ b/files/pt-br/glossario/css_pixel/index.html @@ -0,0 +1,34 @@ +--- +title: Pixel CSS +slug: Glossario/CSS_pixel +tags: + - CSS + - Glossário + - Pixel CSS + - altura + - comprimento + - largura + - pixel + - tamanho + - unidade +translation_of: Glossary/CSS_pixel +--- +<p>O <strong>Pixel CSS</strong> - denotado no {{Glossary("CSS")}} pelo sufixo px - é uma unidade de comprimento que corresponde aproximadamente a largura ou altura de um ponto único que pode ser confortavelmente visto pelos olhos humanos sem esforço, mas é o menor possível. Por definição, esse é o tamanho físico de um único píxel em uma densidade de 96 DPI, situado a um braço de distância dos olhos do observador.</p> + +<p>Essa definição, é claro, se demonstra ser muito vaga, e termos como "confortavelmente visto" e "braço de distância" são imprecisas, variando de pessoa para pessoa. Por exemplo, quando um usuário se senta em sua mesa, defronte a sua área de trabalho, o monitor geralmente estará longe dos seus olhos enquanto ele estiver usando o celular.</p> + +<p>Assim sendo, geralmente basta dizer que quando a unidade de px é usada, o objetivo é tentar manter a distancia de 96px equivalentes a 1 polegada na tela, independentemente da densidade da tela. Em outras palavras, se o usuário está em celular com uma densidade de pixel de 266 DPI, e há um elemento colocado na tela com uma largura de 96px, então este elemento ocupará uma largura de 266px nos {{Glossary("device pixels", "pixels do dispositivo")}}.</p> + +<h2 id="Saiba_mais">Saiba mais</h2> + +<h3 id="Referência_técnica">Referência técnica</h3> + +<ul> + <li><a href="https://drafts.csswg.org/css-values-3/#absolute-lengths">CSS Values and Units Module, section 5.2: Absolute Lengths</a></li> +</ul> + +<h3 id="Aprenda_sobre">Aprenda sobre</h3> + +<ul> + <li><a href="https://hacks.mozilla.org/2013/09/css-length-explained/">CSS Length Explained</a> on the MDN Hacks Blog</li> +</ul> |