aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/glossario/css_pixel/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/glossario/css_pixel/index.html')
-rw-r--r--files/pt-br/glossario/css_pixel/index.html34
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>