O que é Grid?


0

Este artigo irá explicar o que é Grid e como usar Grid.

Rede

A grade pode se referir a qualquer um dos seguintes:

Rede

1 Uma grade é uma estrutura de linhas ou barras que se cruzam. É usado como um guia para dividir e organizar um espaço. Normalmente, uma grade é bidimensional e as linhas são espaçadas uniformemente, cruzando-se em ângulos retos.

As grades são úteis para organizar e solicitar informações. Quando as informações são organizadas em uma estrutura de grade, qualquer unidade de informação é localizada especificando duas das linhas que se cruzam.

Nos mapas

Freqüentemente, os mapas são sobrepostos por uma grade para ajudar a definir os locais. Em um mapa-múndi, as linhas de grade de latitude são orientadas paralelamente ao equador e as linhas de grade de longitude são orientadas perpendicularmente ao equador. Ao especificar uma latitude e uma longitude, você pode identificar com exclusividade qualquer ponto no mapa.

Em planilhas

Em uma planilha, as informações são organizadas em linhas e colunas, formando uma grade. Os locais individuais na grade são chamados de células. Qualquer célula na planilha é identificada exclusivamente por seu id de coluna (geralmente uma letra) e id de linha (geralmente um número). Por exemplo, a célula localizada na interseção da coluna C com a linha 13 é identificada como célula “C13”.

Em design gráfico

Muitos aplicativos de design gráfico fornecem uma grade que é exibida acima ou abaixo do conteúdo de uma imagem. A grade ajuda o artista a alinhar visualmente os elementos gráficos. Alguns programas oferecem a opção de encaixar elementos em pontos da grade. Quando um artista usando o recurso de ajuste move um item próximo a um ponto na grade, o elemento “se encaixa” (move-se automaticamente) para aquele local preciso.

2 Em web design, CSS Grid é uma tecnologia para definir o layout de uma página web com CSS (folhas de estilo em cascata). Ele fornece atributos e lógica para organizar os elementos visuais em duas dimensões na página da web.

Embora ainda não seja uma especificação oficial do W3C, CSS Grid é suportado nativamente por todos os principais navegadores desde outubro de 2017. É um componente principal de várias estruturas CSS, como Bootstrap.


Like it? Share with your friends!

0
Rubem Rego

0 Comments

Your email address will not be published. Required fields are marked *