---
# System prepended metadata

title: Linguagem de Programação || Session One - Checkin

---

# Linguagem de Programação || Session One - Checkin

Author: Rafaela de Deus dos Santos Nascimento
Turma: INFO D
Número: 42

> **Mapa Mental**
>[color=pink]![](https://i.imgur.com/aDMHfbA.png)



>[color=blue]
>
>**Exemplo em:**
>
> index.html
```htmlmixed=
<section class=”pai-em”>
    <section class=”em”>
    Testando
    </section>
</section>
```
>[color=blue]
>
> index.css
```css=
#pai-em {
font-size = 14px;
}

.em {
background: yellow:
width: 1em;
font-size: 1.2em;
}
```
>[color=blue]
>
>**Exemplo rem:**
>
> index.html
```htmlmixed=
<section class=”pai-rem”>
    <section class=”rem”> 
    Testando 
    </section>
</section>
```
>[color=blue]
>
> index.css
```css=
.rem {
background: yellow:
width: 13rem;
font-size: 48px;
font-size: 3rem;
}
```
>[color=blue]
>
>**Exemplo ch:**
>
> index.html
```htmlmixed=
<section class=”ch”>
    Testando unidade de medida ch       
</section>
```
>[color=blue]
>
> index.css
```css=
ch {
width: 10ch;
}
```
>[color=blue]
>
>**Exemplo ex:**
>
> index.html
```htmlmixed=
<section class=”ex”>
    Testando ex       
</section>
```
>[color=blue]
>
> index.css
```css=
.ex {
background: blue;
font-size: 15px
height: 5ex;
font-family: serif;
}
```
>[color=blue]
>
>**Exemplo vw:**
>
> index.html
```htmlmixed=
 <section class=”view”> </section>
```
>[color=blue]
>
> index.css
```css=
.view {
background: blue;
height: 400px;
width: 50 vw;
}
```
>[color=blue]
>
>**Exemplo vmax e vmin:**
>
> index.html
```htmlmixed=
<h1> vmax e vmin </h1>
 <section class=”view”> </section
```
>[color=blue]
>
> index.css
```css=
.view {
background: blue;
height: 350px;
width: 50 vmax;
}

.h1 {
font-size: 15vmin;
}
```


