O que é CSS e como isso afeta o WordPress?
Se você tem um site WordPress, provavelmente encontrará o termo “CSS". Neste artigo, você aprenderá o que é CSS e como isso afeta o seu site.
Esta é uma visão geral rápida para que você não aprenda a escrever CSS, mas entenda seu lugar na web e em seu site.
O que é CSS?
CSS é usado para estilizar páginas da web. Ele foi escrito exclusivamente para alterar a apresentação de um site.
Dê uma olhada nesta captura de tela da IMDb.com:
Captura de tela 1: IMDb
Agora compare isso com esta imagem do IMDb com o CSS desativado:
Captura de tela 2: IMDb – Sem CSS
Não é tão bonito, certo?
O conteúdo – as palavras, links, etc. – é exatamente o mesmo em ambos os exemplos. A diferença é a óbvia ausência de estilo.
O que você pode ver na captura de tela 2 é uma lista de links que normalmente teriam o estilo de um menu.
Quando eu disse que CSS é usado para estilizar páginas da web, quero dizer que é A maneira como as páginas da web são estilizadas. Sem ele, todos os sites se pareceriam com a captura de tela acima. Isso levanta a questão, o que estamos vendo nessa imagem?
Construído com HTML, estilizado com CSS
Para entender o lugar do CSS na web, você precisa saber mais sobre HTML.
Esta é a aparência do HTML bruto para a mesma parte da página inicial do IMDb:
Captura de tela 3: IMDb – HTML
Na captura de tela 3, você vê o HTML, que geralmente é chamado de “código-fonte”. É disso que os sites são feitos. É o que o seu navegador lê e o que o Googlebot vê ao rastrear o seu site.
Quando você visita uma página da web, seu navegador pega o HTML bruto (captura de tela 3) e renderiza uma página da web utilizável (captura de tela 2). Se houver arquivos CSS, eles são carregados e usados para estilizar a página da web (captura de tela 1).
CSS com WordPress
Em resumo, os sites são feitos com HTML e estilizados com CSS. Seu site WordPress não é diferente.
Na prática, é útil saber que HTML é usado para adicionar conteúdo a uma página e CSS é sempre usado para estilizá-la. Quaisquer mudanças de estilo que você queira fazer em seu site – aumentar o tamanho do logotipo, mudar a cor do fundo, etc. – serão feitas com CSS.
Espero que você tenha achado isso útil para compreender o CSS e seu lugar no seu site. Se você tiver alguma dúvida, poste nos comentários abaixo.
Divulgação: esta postagem pode conter links afiliados. A compra de um produto por meio de um desses links gera uma comissão para nós, sem nenhuma despesa adicional para você.