Alinhamento de textos com CSS - @Curso em Vídeo HTML5 e CSS3

Já Chegamos aqui ao último vídeo do Capítulo 14 onde a gente tá falando sobre fon-fon [Aplausos] E aí [Música] o Olá tudo bem com você seja bem-vindo seja bem vindo a mais um vídeo aqui do seu curso de HTML e CSS tem como eu acabei de falar ali na abertura Esse é o último vídeo do Capítulo 14 Capítulo esse que falou sobre Fontes sobre famílias tipográficas sobre tipografia eu te ensinei com você entender uma fonte como classificar uma fonte e como usar uma fonte no seu site Espero sinceramente que você tenha gostado também ensinei a

ir a um site e olhar as fontes dele inclusive com uma extenção para poder descobrir que fontes são essas enfim tá bem caprichado esse capítulo a gente teve bastante vídeo aí para complementar o material em PDF então espero que você esteja anotando tudo direitinho porque Ele atende mais uma coisa para você anotar que é o uso de alinhamento seus vem comigo para o computador que eu vou te mostrar sobre o que eu tô falando e antes de dar continuidade a esse vídeo eu tenho um recado bem rápido para te dar como você já deve saber

esse curso de desenvolvimento web que tá caprichado por sinal só está sendo possível graças ao apoio de algumas empresas queridas do meu coração e aos poucos conforme o curso foi avançando você vai conhecendo algumas iniciativas e oportunidades que elas estão trazendo para você que ela só Luna que não consegui e dessa vez eu vim aqui falar da Record que é uma organização social que tá fazendo 25 anos de vida no ano que eu tô gravando esse vídeo e o seu objetivo principal é promover o que eles chamam de empoderamento digital eu ainda vou mostrar umas

histórias bem emocionantes por aqui você não perde por esperar e para você que nosso aluno do curso em vídeo a Record tá trazendo uma série de cursos grátis de tecnologia que vão deixar você mais preparado ou preparada para entrar no mercado de trabalho e para ter acesso a esses cursos e outras oportunidades que a Record Vai disponibilizar durante o andamento desse curso é só você apontar a câmera do seu celular pro pode que tá aparecendo aqui na tela o link também vai estar disponível na descrição desse e obrigado repúdio pelo Patrocínio e pelo apoio constante

em toda essa curso de html CSS e muitos outros projetos do curso em vídeo que estão por vir Dom Já estou aqui e vamos fazer o seguinte Olha só esse exercício a estudos HTML exercícios eu vou botar dentro da 17 tá porque ficou meio fora de ordem aqui do material Provavelmente você deve ter percebido isso então eu vou aqui ver se 17 clique com o botão direito mandei abrir com Chrome amei vou abrir aqui a pasta eu vou criar o fonte 02 aqui para gente poder trabalhar tá ok um documento novo vou chamar de fonte

02 Pronto Olha a CML nós vamos fazer um teste aqui documento-base tá sendo criado ele tem VR vamos falar sobre a linha ventos muito simples Olha só começar com H um tipos de alinhamento aí eu vou botar aqui uma H2 subtítulo tem um parágrafo que eu vou criar um Lauren três vezes a Lauren Lauren Lauren só para ficar um E aí a nossa mas eu fiz Lauren ele não deixa tá deixou Então caiu lá em três vezes aqui vou abrir esse fonte 02 no meu navegador vou arrumar aqui bonitinho a nossa tela também já aprendemos

como fazer isso Beleza tá aqui o meu texto basicamente eu vou botar o seguinte três tipos de alinhamento que a gente tem alinhamento à esquerda à direita e Centralizado antigamente a gente tinha aqui ó uma tag se chamava Center E aí tudo que você botava aqui no meio sua peste ele ficava centralizada lá México no meio lá Pronto agora já ensinou centralizar só que ela só ficou vermelho aqui tá vendo isso daqui é uma perna que está obsoleto então não se usa mais tag obsoleta Assim como nós vemos lá nas cores a gente não usa

mais por exemplo veja color aqui Black tá e não significa que porque ficou branco vou botar Blue aqui tá e não é porque ficou azul aqui que tá funcionando que tá certo aqui ó ficou vermelhinho está outro Soneto não se usa mais a gente faz para o CSS e como é que eu faço alinhamento por exemplo parágrafo geralmente tem um alinhamento justificado eu vou fazer o seguinte aqui vamos criar um estilo local e Nesse estilo eu vou criar o Bari já quem está trabalhando com fonte Vamos criar aqui um fonte um short renda né lembrando

a ordem primeiro o estilo seja uma botar nada não vou botar no estilo não vou botar nem peso vou botar o peso normal ou botar o tamanho 16 pixels e vou botar a fonte voltar aqui Arial Verdana e excelente já aprendeu a fazer isso já tá lá essa coisa se você perceber tá tudo alinhado à esquerda aqui tá vendo a esquerda aqui tá ligado à esquerda aqui tá além da esquerda também então basicamente você não fizer nada já está alinhada à esquerda você pode forçar dizer assim ó o padrão de tex alarme que a minha

propriedade mais a esquerda vai não vai mudar nada esta simplesmente disse que vai ser mantendo agora você pode fazer com que por exemplo o seu H1 tenha um Tex alarme sempre ele vai ficar Centralizado lembra ah ah mas jogar um faz parte do baile O que vale é o último a ser considerado né a ser configurado que foi o centro posso fazer com que meu H2 tenha um Tex Aline que é rinite por exemplo para ficar alinhado à direita tá dando tá Centralizado tá alinhado à direita aqui e o texto normalmente normalmente tem o alinhamento

dos dois lados da esquerda EA direita que a gente chama de justificado então o p vai ter um text-align quer just fly outra coisa eu vou adicionar aqui coisa que eu não ensinei ó tá vendo já te faz ficou alinhado à esquerda e alinhado à direita como eu fiquei aqui ó ou eu mexi não na lateral eu tenho aqui tudo bonitinho dependente o tamanho do texto Você tem os alinhamento o funcionando sem problema nenhum uma coisa que eu não coloquei no material é isso aqui ó existe uma propriedade chamada Tex em dance street dance a

gente usa muito aqui na hora que a gente vai escrever redação a gente aprende lá quando você começa um parágrafo você pega e afasta um pouquinho o início do texto nesse Lauren esse primeiro Lauren aqui deveria estar um pouquinho pra dentro e se chama text-indent se você quiser você pode fazer um táxi um dente Por exemplo de 20 pixels tá vendo se você quiser pode até ser um pouquinho maior 30 pixels tá vendo Então o início do parágrafo tem uma orientação tá eu posso fazer isso por exemplo se eu criar outros parágrafos ou criar Aqui

com Lauren e vou criar um outro parágrafo aqui com dois Lauren Lauren Flora os parágrafos vão estar justificados e vão estar aqui ó a linha de 20 para dentro Graças essa propriedade aqui outra essa declaração aqui a flor táxi em frente mas essa aula serviu para ti tem text-align left Center Raid e justifi civil o Capítulo 14 também tá lá no meio do Capítulo 14 Por que a gente fez no Exercício 17 não nos 18 porque eu tinha pulado esse conceito aqui em alinhamento de texto é muito importante texto aqui tá sem usar Center eu

não precisei dizer que o meu H1 é Centralizado centralizar não significa que você deu um significado ao título então Center não existe mais porque HTML agora é tudo semântico tem que ter um significado está Centralizado ou não é uma coisa de estética é uma coisa de design se é uma coisa estética e design o que vai tratar é a folha de estilo não o HTML então por isso que eu coloquei essa declaração aqui em CSS fechou nunca Aline utilizando HTML só além utilizando CSS beleza tranquilo combinado eu trouxe aqui mais um recado muito rápido bem

tranquilo e um pedido para você não sei se você sabe mas Além daqui do YouTube Eu também estou bem ativo lá nas minhas redes sociais o Instagram e no Instagram do curso em vídeo então que eu vim te pedir aqui nesse vídeo é bem simples gostou da aula tá gostando do curso segue a gente no Instagram Vamos tornar essa comunidade muito maior e ajudar a divulgar o trabalho de Quem produz conteúdo com tanto carinho e tanta dedicação e bom então é isso meu querido é isso minha querida e a gente vai continuar estudando CSS no

próximo capítulo porque é o seguinte eu botei o h um Centralizado oh2 a direita e se não quiser criar um terceiro H2 um outro H2 só que esse eu não quero a direita eu quero a esquerda dá para gente fazer da mas para isso a gente tem que falar sobre identificadores e classe e esse é o assunto do nosso próximo capítulo beleza faça seus exercícios faça seus testes treinar aí na sua casa e já já a gente volta com muito mais aulas muito mais informações e muito mais comandos para você um grande abraço boas práticas

e gente se beijar e E aí [Aplausos] E aí [Música]