WEBVTT

00:00:00.535 --> 00:00:03.056
Vamos ver o que mais podemos
mudar na fonte.

00:00:03.440 --> 00:00:06.269
E se quisermos esse primeiro
parágrafo em negrito?

00:00:06.531 --> 00:00:09.416
Poderíamos colocar o parágrafo
entre <i>tags ``</i>.

00:00:09.532 --> 00:00:12.480
Mas isso seria meio que abusar
da <i>tag ``</i>.

00:00:12.579 --> 00:00:14.112
Não queremos dizer

00:00:14.112 --> 00:00:16.322
que todo o primeiro paragrafo é um grifo.

00:00:16.337 --> 00:00:18.758
Pensamos apenas que ele ficaria
melhor em negrito.

00:00:18.758 --> 00:00:21.862
Devemos usar então. uma propriedade
CSS: <i>`font-weight`</i>.

00:00:22.245 --> 00:00:27.562
Vamos até as regras CSS para
adicionar, <i>`font-weight: bold`</i>.

00:00:28.025 --> 00:00:29.345
Tcharam! Está em negrito.

00:00:29.917 --> 00:00:34.664
Agora, e se quisermos que todas essas
letras fiquem em itálico?

00:00:34.782 --> 00:00:37.869
Novamente, poderíamos colocá-las
entre <i>tags ``</i>,

00:00:37.869 --> 00:00:42.372
porque o navegador mostra tudo que está
dentro de <i>``</i> em itálico por padrão.

00:00:42.555 --> 00:00:44.085
Mas não devemos fazer isso,

00:00:44.085 --> 00:00:46.750
porque é meio que um abuso da <i>tag ``</i>.

00:00:46.842 --> 00:00:49.248
Não queremos enfatizar a canção interira.

00:00:49.392 --> 00:00:52.132
Apenas pensamos que ela ficaria
melhor em itálico.

00:00:52.335 --> 00:00:55.983
Devemos usar então. uma propriedade
CSS: <i>`font-style`</i>.

00:00:56.432 --> 00:00:59.529
Vamos até as regras CSS

00:00:59.529 --> 00:01:03.120
para adicionar, <i>`font-style: italic`</i>.

00:01:03.681 --> 00:01:05.645
Ok, ótimo.

00:01:05.889 --> 00:01:08.926
Note que temos um punhado de
propriedades relacionadas à fonte

00:01:08.926 --> 00:01:10.454
em uma regra para nossas letras.

00:01:10.630 --> 00:01:13.870
Temos <i>`font-family`</i>, <i>`font-size`</i>,
e <i>`font-style`</i>.

00:01:13.954 --> 00:01:19.305
Se quisermos, podemos agrupá-las em
uma única propriedade: <i>`font`</i>

00:01:19.305 --> 00:01:24.445
escrevendo apenas:
<i>`font: italic 13px fantasy;`</i>.

00:01:25.083 --> 00:01:28.772
Então podemos apagar as três propriedades
que tinhamos antes

00:01:28.992 --> 00:01:30.908
e tudo terá a mesma aparência.

00:01:31.092 --> 00:01:35.891
Isso é chamado de "propriedade abreviada",
e é bem mais curta, como você pode ver.

00:01:36.091 --> 00:01:37.667
Mas eu não gosto.

00:01:37.667 --> 00:01:41.038
Porque sempre esqueço a ordem que 
as propriedades devem ser escritas

00:01:41.038 --> 00:01:43.952
e é mais simples escrevê-las uma a uma

00:01:44.196 --> 00:01:47.020
Então vou voltar para o que tinhamos antes

00:01:48.360 --> 00:01:51.951
você decide, se é melhor usar as 
propriedades abreviadas ou por extenso.

00:01:52.229 --> 00:01:54.816
O importante é manter o estilo.