O que é CSS 2019 – Hostinger Brasil
Articles,  Blog

O que é CSS 2019 – Hostinger Brasil


Olá Webmaster, tudo bem? você já viu
nosso vídeo sobre HTML? se ainda não, eu coloquei um cartão lá em
cima para você, é muito importante assistir esse vídeo pois vamos conectar
as informações clica lá, agora que você viu o vídeo sobre
HTML vamos dar mais um passo para afiar o seu
conhecimento sobre web o tema de hoje é css mas antes eu queria
avisar que eu deixei aquele link na descrição para você ganhar um descontão
na compra de uma Hospedagem Premium vamos começar Assim que o html começou a
crescer como um padrão da web um cara chamado Hakon Wium Lie
queria fazer uma página estilo um jornal de papel e com o seu colega Bert Boss
começou a desenvolver o css para trabalhar com a aparência das páginas na
web no começo do html o tim bernes-lee sabia
que esse seria necessário em algum momento mas ele acabou não produzindo
nada desse gênero assim quando o css foi lançado ele foi
muito bem recebido pelo Tim tanto que o Hakon começou a trabalhar
junto com ele na W3C e css quer dizer “Cascading Style Sheet” em tradução
mais livre fica algo como folhas de estilo em cascata como o nome já sugere
sua função é justamente estilizar as páginas da maneira que você achar mais
atraente assim os especializados em css são
capazes de criar páginas totalmente interativas e complexas cheia de
movimento e os efeitos diferentões vamos lá que eu vou te mostrar alguns
exemplos o css foi muito bem recebido por conta dessas vantagens com apenas um
documento ”.css” é possível trabalhar com todas as páginas em html do seu site
isso facilita a manutenção e atualização do conteúdo
ele também fica separado dos arquivos “.html”
assim o desenvolvedor que está trabalhando nas
páginas em html não interfere no trabalho do desenvolvedor está
trabalhando no css mas por mais maravilhoso que o css seja ainda existem
limitações que podem incomodar por exemplo nem todos os browsers suportam
todas as especificações do css aí é preciso fazer testes em cada
navegador ajustando de acordo com cada um
o css tem um código super limpo você não precisa ficar repetindo várias e várias
vezes os mesmos códigos com isso a sua página fica com menos
códigos e carrega mais rápido e páginas que carregam rápidos chama a atenção do
google melhorando o seu posicionamento no google trazendo mais tráfego e
impactando diretamente no SEO do seu site
se você tem interesse em aprender mais sobre SEO faça um comentário em
baixo que eu vou fazer um vídeo explicando que que é e como isso pode
render enormes resultados para o seu site
agora que você já entendi o que é CSS do que ele é capaz
vamos aprender a como utilizá-lo em páginas html
primeiro vamos criar junto com a página html um arquivo “estilo.css” dentro
do arquivo ponto html vamos incluir o arquivo “.css” na
tag head para página saber que vamos usar esse arquivo para puxar os códigos
de estilo agora dentro do arquivo “.css”
podemos trabalhar de algumas formas a primeira seria criando as classes
criamos a classe chamada “.bloco-dark” repare que tem que colocar o ponto antes do nome da classe e dentro inserimos os
códigos de alinhamento do texto a cor e a cor do fundo logo abaixo o nosso arquivo
“.html” criando conteúdo do site para aplicar o estilo do css basta abrir
uma tag “Section” com a classe que criamos no outro arquivo e fechar a tag até o ponto
que você deseja estilizar uma outra forma que você pode fazer é usar a ID’s
diferente da classe é usada hashtag ou jogo da velha
nós criamos a ID e inserimos o código com estilo da cor
espaçamento e a cor do fundo ea baixa inserimos a id na tag que queremos
aplicar mais um detalhe muito importante cada tag pode receber apenas uma id
agora deu para entender porque o css é tão eficiente e vital para as páginas na
internet a última atualização do css foi em 2010
com css3 trazendo um monte de novidades por exemplo cantos arredondados sombras
efeitos de animação de transição de efeitos de gradiente enfim com isso eu
termino aqui a nossa explicação sobre o o que é css e tenho certeza que você ficou
curioso para aprender mais certo com isso fica a minha dica no blog da Hostinger
nós temos diversos artigos sobre css com mais detalhes para te ajudar
faça uma visita se você chegou até aqui muito obrigado e um forte abraço
não esqueça de deixar o seu like inscrever-se no canal e clicar no
sininho para receber todos os nossos vídeos
até a próxima

4 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *