CSS- O que é CSS?

CSS ou Folhas de Estilos em Cascata é uma linguagem que é frequentemente usada para determinar a aparência ou o estilo de uma página da Web. Geralmente está relacionado a um documento HTML, que tem todo o conteúdo de um site agrupado dentro de tags, no qual o CSS atua modificando a forma como eles serão visualizados pelos usuários.

Índice

  1. Para que é utilizado o CSS?
  2. Tipos de CSS
  3. Como usar CSS

Para que é utilizado o CSS?

 

Com o CSS, você pode alterar a aparência de todos os elementos de uma página da Web, como a cor do texto, o tamanho dos elementos, a estruturação do conteúdo, sua exibição e muito mais.

CSS é usado para adaptar o design de um site e torná-lo único e diferente dos outros, fazendo assim com que ele se destaque da concorrência. Serve também para melhorar a experiência dos utilizadores que visitam o website, uma vez que o design e layout dos seus elementos é um dos fatores que mais influenciam neste sentido.

Tipos de CSS

Existem três tipos principais de CSS que podemos usar: embutido, incorporado e externo.

CSS em linha

No CSS embutido, o estilo é escrito diretamente no documento onde está o conteúdo de um site, incluindo-o diretamente na tag da qual você deseja modificar seu estilo ou aparência.

CSS incorporado

O CSS incorporado está localizado dentro da tag head de um site, afetando apenas as tags das páginas nas quais ele está inserido.

CSS externo

CSS externo é aquele que é escrito em um documento diferente daquele que contém a estrutura principal da página da web. Os estilos incluídos no documento afetarão todas as páginas às quais este documento está vinculado.

Como usar CSS

Para utilizar o CSS corretamente, ele deve ser escrito de acordo com a estrutura indicada nos padrões da W3School. Para aplicar um estilo a um elemento em uma página da Web, execute as seguintes etapas:

  1. Recomenda-se que todas as imagens na página da Web tenham o atributo ALT.
  2. Um nome de classe ou id é dado ao elemento para o qual queremos modificar a aparência.
  3. Incluímos o nome do elemento em nosso código CSS adicionando “.” ao início do nome, se for uma classe, ou “#”, se for um id.
  4. Os suportes são abertos e fechados e o código de nossa escolha está incluído no interior.

Os comandos mais usados para alterar a aparência de um site usando CSS são:

  • Cor: Esta é a propriedade CSS que altera a cor do texto. Você terá que indicar a cor em código hexadecimal ou digitar o nome da cor de acordo com os padrões CSS.

  • Tamanho da fonte: essa propriedade modifica o tamanho da fonte dentro do conteúdo do elemento selecionado. Você tem que atribuir a ele um valor em pixels.

  • Fonte-família: essa propriedade atribui uma fonte específica ao elemento em que ela está.

  • Peso: A propriedade weight atribui a largura ao elemento.

  • Width: A propriedade width atribui a altura ao elemento.