# Session Two: Checkin |Linguagem de Programação
[toc]
## Media Queries para sites Responsivos
Os media types definem para que tipo de media um certo código CSS é direcionado. O HTML foi gerado para ser lido e interpretado por qualquer tipo de dispositivo. Só que cada dispositivo exibe o HTML de uma maneira, devido a fatores como,as dimensões da tela de desktop por exemplo, ele não terá a mesma reação de que se visitarmos por um dispositivo móvel. Isso ocorre porque são dispositivos diferentes e formas diferentes de navegação.
Neste caso para deixa-lo responsivo.
Para se adequar em qualquer dispositivos, erá aplicado no CSS
```HTLM=
<link rel=”styleSheet” href=”estilo.css” media=”screen and (color)” />
```
## Fontes
**Tamanhos de fontes**
````HTML=
body {
font-family: Arial;
font-sinze: 1.5em;
}
````
Medidas Absolutas (cm,mm,in,px, pt pc).
Medias relativas (em, ex, rem, vw, vh, %).
Exemplo: 16px geralmente é = 1em.
{"metaMigratedAt":"2023-06-16T01:52:04.953Z","metaMigratedFrom":"Content","title":"Session Two: Checkin |Linguagem de Programação","breaks":true,"contributors":"[{\"id\":\"49b19583-2153-4cca-9003-e8abd508dfd9\",\"add\":1110,\"del\":204}]"}