# Session Two: Checkin | Linguagem de Programação
**Nome:** Patricia Oliveira Paulino
**Número:** 37
**Turma:** Info D


>[color=blue]
Media Queries

* O css "max-width" quando ele estiver no maximo de px ele adicionará os estilos que eu colocar nele.

* Exemplo:
@media (max-width: 600px) {
div {
background: blue;
}
}
* Assim quando ele atingir o máximo de 600px ele perderá a cor azul, mais até 600px ele ficará com a cor azul.

* Também tem a opção de colocar o minimo de px, usando o mesmo exemplo acima só muda o "max" para min e assim quando tiver menor que 600px ele perderá a cor azul.
* Também se tem a opção de utilizar os dois juntos, exemplo:
@media (min-width: 600px) and (max-width: 800px) {
div {
background: blue;
}
}
* Assim quando ele estiver entre 600px e 800px ele aplica a cor azul como no exemplo acima.

* Quando se quer que o site fique bonitinho na largura certinha independente do tamanho que o usuario deixe a tela dele, utiliza-se o exemplo abaixo:
@media (max-width: 600px) {
.item-section, .img-section, .text-section {
width: 100%;
}
}

* Quando vai diminuindo o site e chega em 600px ele vai para 100% de largura deixando tudo bonitinho.

* Também se tem a opção de quando chegar ao limite de 600px a imagem sumir.
Exemplo:
@media (max-width: 600px) {
.item-section, .img-section, .text-section {
width: 100%;
}
.img-section {
display: none;
}
}

>[color=red] Tamanhos de fontes e suas medidas
* font-family: Arial, Helvetica, sans-serif;

* Medidas absolutas : cm, mm, in(polegada), px, pt(ponto), pc.
pt e pc não é recomendado utilizar em materiais do tipo tela.

* Medidas relativas: em (tamanho atual da fonte)
ex (relativo a uma altura X de ua fonte)
rem (fonte relaciona ao rubari)
vw (largura da view porte, o tamanho da tela)
vh (altura da view porte, o tamanho da tela)
%

* Recomendação do W3C é ultilizar px e em.

* font-size: 1in; (é igua a 2,54 centimetros).

* Normalmente os font-size dos sites são 16px.

* 16px geralmente é igual a 1em.