[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.54,0:00:03.06,Default,,0000,0000,0000,,Vamos ver o que mais podemos\Nmudar na fonte.
Dialogue: 0,0:00:03.44,0:00:06.27,Default,,0000,0000,0000,,E se quisermos esse primeiro\Nparágrafo em negrito?
Dialogue: 0,0:00:06.53,0:00:09.42,Default,,0000,0000,0000,,Poderíamos colocar o parágrafo\Nentre {\i1}tags ``{\i0}.
Dialogue: 0,0:00:09.53,0:00:12.48,Default,,0000,0000,0000,,Mas isso seria meio que abusar\Nda {\i1}tag ``{\i0}.
Dialogue: 0,0:00:12.58,0:00:14.11,Default,,0000,0000,0000,,Não queremos dizer
Dialogue: 0,0:00:14.11,0:00:16.32,Default,,0000,0000,0000,,que todo o primeiro paragrafo é um grifo.
Dialogue: 0,0:00:16.34,0:00:18.76,Default,,0000,0000,0000,,Pensamos apenas que ele ficaria\Nmelhor em negrito.
Dialogue: 0,0:00:18.76,0:00:21.86,Default,,0000,0000,0000,,Devemos usar então. uma propriedade\NCSS: {\i1}`font-weight`{\i0}.
Dialogue: 0,0:00:22.24,0:00:27.56,Default,,0000,0000,0000,,Vamos até as regras CSS para\Nadicionar, {\i1}`font-weight: bold`{\i0}.
Dialogue: 0,0:00:28.02,0:00:29.34,Default,,0000,0000,0000,,Tcharam! Está em negrito.
Dialogue: 0,0:00:29.92,0:00:34.66,Default,,0000,0000,0000,,Agora, e se quisermos que todas essas\Nletras fiquem em itálico?
Dialogue: 0,0:00:34.78,0:00:37.87,Default,,0000,0000,0000,,Novamente, poderíamos colocá-las\Nentre {\i1}tags ``{\i0},
Dialogue: 0,0:00:37.87,0:00:42.37,Default,,0000,0000,0000,,porque o navegador mostra tudo que está\Ndentro de {\i1}``{\i0} em itálico por padrão.
Dialogue: 0,0:00:42.56,0:00:44.08,Default,,0000,0000,0000,,Mas não devemos fazer isso,
Dialogue: 0,0:00:44.08,0:00:46.75,Default,,0000,0000,0000,,porque é meio que um abuso da {\i1}tag ``{\i0}.
Dialogue: 0,0:00:46.84,0:00:49.25,Default,,0000,0000,0000,,Não queremos enfatizar a canção interira.
Dialogue: 0,0:00:49.39,0:00:52.13,Default,,0000,0000,0000,,Apenas pensamos que ela ficaria\Nmelhor em itálico.
Dialogue: 0,0:00:52.34,0:00:55.98,Default,,0000,0000,0000,,Devemos usar então. uma propriedade\NCSS: {\i1}`font-style`{\i0}.
Dialogue: 0,0:00:56.43,0:00:59.53,Default,,0000,0000,0000,,Vamos até as regras CSS
Dialogue: 0,0:00:59.53,0:01:03.12,Default,,0000,0000,0000,,para adicionar, {\i1}`font-style: italic`{\i0}.
Dialogue: 0,0:01:03.68,0:01:05.64,Default,,0000,0000,0000,,Ok, ótimo.
Dialogue: 0,0:01:05.89,0:01:08.93,Default,,0000,0000,0000,,Note que temos um punhado de\Npropriedades relacionadas à fonte
Dialogue: 0,0:01:08.93,0:01:10.45,Default,,0000,0000,0000,,em uma regra para nossas letras.
Dialogue: 0,0:01:10.63,0:01:13.87,Default,,0000,0000,0000,,Temos {\i1}`font-family`{\i0}, {\i1}`font-size`{\i0},\Ne {\i1}`font-style`{\i0}.
Dialogue: 0,0:01:13.95,0:01:19.30,Default,,0000,0000,0000,,Se quisermos, podemos agrupá-las em\Numa única propriedade: {\i1}`font`{\i0}
Dialogue: 0,0:01:19.30,0:01:24.44,Default,,0000,0000,0000,,escrevendo apenas:\N{\i1}`font: italic 13px fantasy;`{\i0}.
Dialogue: 0,0:01:25.08,0:01:28.77,Default,,0000,0000,0000,,Então podemos apagar as três propriedades\Nque tinhamos antes
Dialogue: 0,0:01:28.99,0:01:30.91,Default,,0000,0000,0000,,e tudo terá a mesma aparência.
Dialogue: 0,0:01:31.09,0:01:35.89,Default,,0000,0000,0000,,Isso é chamado de "propriedade abreviada",\Ne é bem mais curta, como você pode ver.
Dialogue: 0,0:01:36.09,0:01:37.67,Default,,0000,0000,0000,,Mas eu não gosto.
Dialogue: 0,0:01:37.67,0:01:41.04,Default,,0000,0000,0000,,Porque sempre esqueço a ordem que \Nas propriedades devem ser escritas
Dialogue: 0,0:01:41.04,0:01:43.95,Default,,0000,0000,0000,,e é mais simples escrevê-las uma a uma
Dialogue: 0,0:01:44.20,0:01:47.02,Default,,0000,0000,0000,,Então vou voltar para o que tinhamos antes
Dialogue: 0,0:01:48.36,0:01:51.95,Default,,0000,0000,0000,,você decide, se é melhor usar as \Npropriedades abreviadas ou por extenso.
Dialogue: 0,0:01:52.23,0:01:54.82,Default,,0000,0000,0000,,O importante é manter o estilo.