Então, a próxima coisa em que eles possam querer se concentrar é pensar que ela o envelheceu um pouco mais.
Então, o que eu vou querer fazer aqui é seguir em frente e adicionar a data neste parágrafo neste parágrafo da
citação e então também podemos querer agrupar nossos elementos ou nossas postagens para que possamos ter
um post como elemento e para faça isso.
Apenas vou usar uma div aqui, então vou fazer uma nova classe div igual a postagem.
Então, estou apenas dando uma aula apenas para deixar claro o que é isso.
Porque apenas dizendo div, não está muito claro o que está fazendo.
E esta será uma publicação e depois teremos outro post de classe div para o segundo aqui.
Então, vamos em frente e adicione uma data também.
E para essa data que realmente poderia ser qualquer coisa.
Eu vou fazer com que outra classe div seja igual a data, mas isso também poderia ser um parágrafo se
você quisesse ser.
Na verdade, não importa neste caso.
só vou fazer um parágrafo aqui, mas vou fazer isso um pouco diferente, é claro,
porque eu preciso estilo diferentemente do que esses parágrafos, então eu Vou dizer que vamos dar uma
classe chamada citação.
E então, outra coisa que queremos fazer é adicionar nesta citação e
E então, enquanto estivermos aqui, vamos adicionar nossa data aqui.
23 de novembro de 2015 e seguro.
Então, se você estiver fresco agora, ficará muito perto do que estamos procurando.
Temos que mudar a data um pouco.
Quando você muda o tamanho da fonte deste H-1 Aqui, deixe-me fazê-los lado a lado.
Precisamos adicionar nesta margem esquerda aqui no orçamento.
Quando você altera a cor se este for o espaçamento, se for necessário, é necessário adicionar isso.
Então, vamos em frente e comecemos pelo estilo.
Isso deixou Forder aqui.
Então lembre-se de que temos a classe que chamamos de citação aqui.
Vamos querer voltar para RC ss.
É uma citação similar.
E então, tudo o que precisamos fazer é adicionar na ordem
esquerda 5 pixels e a cor é a mesma que essa.
Então, cinco pixels de cinza sólido que som de cinza.
E é isso.
E damos uma olhada.
ESTÁ BEM.
Então está olhando perto.
A única coisa que você notará é que há algum espaçamento aqui.
E, claro, esse espaçamento é entre a borda do limite esquerdo e o elemento.
Então, isso seria preenchimento que precisamos mudar.
mudar esse preenchimento, vou fazer o preenchimento cinco pixels para atualizar e isso parece muito bom.
Então, para
Você pode ver estes parecerem idênticos. Agora, os dois parágrafos da citação.
Então, em seguida, temos algumas escolhas.
Avançemos e abordemos a data.
Então, há algumas coisas que queremos tornar tudo em letras maiúsculas.
Eu quero mudar a cor e queremos adicionar esse espaçamento de linha ou o espaçamento das letras.
Então vou passar para a esquerda, selecione a classe de data.
É o que nós chamamos de dia da data da aula.
Então, data do ponto.
E enquanto eu estiver aqui vamos pegar a cor que é essa sombra particular de azul.
E vamos apenas atribuir a cor para ser tão azul e atualizar, você pode ver onde parte do caminho.
Então, para tornar tudo em maiúsculas usando CSSA, você pode se lembrar do texto de vídeo da Selecta transformar maiúsculas.
E se estivéssemos frescos.
Ok, isso parece muito perto.
Praticamente a única coisa que restamos a fazer é o espaçamento das letras.
Então, temos um monte de opções para espaçamento entre letras.
No que diz respeito ao tamanho e às unidades que usamos, mas a propriedade é chamada de espaçamento de letras.
E então podemos dar um número.
Então eu estou usando para 10 pixels primeiro para mostrar.
E isso nos dá 10 pixels entre números que é bastante e muito mais do que precisamos.
Então, o que eu realmente vou usar é outra unidade chamada r e m e R. E. M. é exatamente como IEMs que são
relativos ao elemento em que eles estão aninhados dentro de.
Exceto que os RPMs não são definidos pelo elemento pai.
Eles são realmente definidos pelo elemento raiz na página.
Então o que isso significa é se eu acessar dentro do corpo 2. 00 R. E. M. e eu coloco o tamanho da fonte para ser 2. 00 R. E. M.
e eu faço isso em vez de citar, eles realmente estão se referindo ao mesmo tamanho da fonte, se isso
fosse EM, seria configurar o corpo para ser duas vezes maior do que o elemento pai e, em seguida, a citação que está
dentro do corpo seria duas vezes tão grande quanto este aqui.
Então é relativo.
Quando adicionamos R. E. M. embora esteja se referindo ao elemento raiz.
Então, esta é uma ótima maneira de basicamente fazer fontes proporcionais sem ter que se preocupar com o
que está aninhado dentro do que.
Então não vou mudar o tamanho da fonte e o corpo, mas para a nossa data o que queríamos.
Eu vou usar zero ponto para RLM.
Então, isso só vai levar o tamanho normal da fonte e adiciona um pouco de espaçamento extra entre as letras
aponta para o tamanho da fonte para que você veja aqui, acabamos com o que parece ser o mesmo.
É o ponto 2 e não espero que você saiba que eu soube que era o ponto 2 porque eu escrevi, mas
se eu estivesse fazendo isso do zero, eu teria jogado um pouco e eu teria tentado o
ponto cinco primeiro ver O que parece ser.
OK, isso é muito grande.
E você sabe que não é isso, não é uma ciência exata.
É só neste caso porque eu fui quem escreveu.
ESTÁ BEM.
Então, nós fizemos isso parece muito bom.
Vamos comparar estes agora realmente tudo o que faltava.
Além do conteúdo extra feito aqui é fazer este H2 maior e mudar ligeiramente a cor.
Então, vamos fazer a cor primeiro.
anos e a cor que tenho aqui mesmo, um azul escuro vai definir a cor se estivermos frescos.
Nós vamos selecionar todos os dois
É realmente difícil de ver, mas mudou tão ligeiramente.
E então há duas outras coisas.
Bem, há uma coisa principal que queremos fazer, que está mudando o tamanho da fonte.
E eu sei que isso é duas vezes o tamanho da fonte como o resto.
Então isso seria 2. 0 rpms.
Então, vamos configurar o tamanho da fonte 2. 0 R. E. M. salve a atualização e acabamos com isso.
Então, vamos comparar isso agora e tudo é exatamente o mesmo.
Até este parágrafo que estamos perdendo aqui, então tudo abaixo.
Então, vamos em frente e adicione este parágrafo.
Eu apenas vou copiar o texto.
Mas sinta-se livre para usar qualquer texto em seu senhorio algum que você quiser e então vamos adicionar em outra
postagem do blog e ver como isso parece.
Então voltei para o h t m l e eu vou apenas adicionar outro parágrafo na parte inferior e colar isso.
OK, então esta é a nossa primeira postagem no blog.
Nós os comparamos.
Parecem idênticos, exceto para este H. R. Então, essa é uma coisa que vamos querer acrescentar, há H R que vai embora até o fim