---
# System prepended metadata

title: 'Session Two: Checkin | Linguagem de Programação'

---

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

![](https://i.imgur.com/ARnjvZv.png)


>[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. 
