Propriedades CSS

Página 4

As propriedades CSS são utilizadas para estilizar elementos HTML e tornar a aparência do site mais atraente e organizada. Existem diversas propriedades disponíveis, cada uma com uma função específica.

Propriedades de cor e fundo

As propriedades de cor e fundo são utilizadas para definir a cor dos elementos, tanto de texto quanto de fundo. Algumas propriedades comuns são:

  • color: define a cor do texto
  • background-color: define a cor de fundo do elemento
  • opacity: define a opacidade do elemento

Propriedades de fonte

As propriedades de fonte são utilizadas para definir a aparência do texto. Algumas propriedades comuns são:

  • font-size: define o tamanho da fonte
  • font-family: define a família da fonte
  • font-weight: define a espessura da fonte

Propriedades de layout

As propriedades de layout são utilizadas para definir a posição e o tamanho dos elementos. Algumas propriedades comuns são:

  • display: define o tipo de exibição do elemento
  • position: define a posição do elemento
  • width e height: definem a largura e a altura do elemento

Propriedades de borda

As propriedades de borda são utilizadas para definir a aparência da borda dos elementos. Algumas propriedades comuns são:

  • border-style: define o estilo da borda
  • border-width: define a largura da borda
  • border-color: define a cor da borda

Propriedades de animação

As propriedades de animação são utilizadas para criar efeitos de transição e animação nos elementos. Algumas propriedades comuns são:

  • transition: define a transição entre as propriedades do elemento
  • animation: define uma animação personalizada para o elemento
  • transform: define uma transformação no elemento, como rotação ou escala

Essas são apenas algumas das propriedades CSS disponíveis. É importante conhecer bem cada uma delas e saber como utilizá-las para criar um site com uma aparência profissional e atraente.

Agora responda o exercício sobre o conteúdo:

_Qual é a função das propriedades de cor e fundo no CSS?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

Próxima página do Ebook Gratuito:

5Unidades de medida em CSS

Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!

Disponível no Google Play Disponível no App Store

+ de 6,5 milhões
de alunos

Certificado Gratuito e
Válido em todo o Brasil

48 mil exercícios
gratuitos

4,8/5 classificação
nas lojas de apps

Cursos gratuitos em
vídeo, áudio e texto