15 propriedades css

Propriedade do CSS

As propriedades CSS são utilizadas para definir o estilo e layout dos elementos HTML em uma página web. Cada propriedade define um aspecto específico do elemento, como cor, tamanho, posição, entre outros.

• background-color: define a cor de fundo de um elemento. Exemplo: background-color: #F5F5F5; (define um fundo cinza claro)

• font-size: define o tamanho da fonte do texto de um elemento. Exemplo: font-size: 16px; (define o tamanho da fonte para 16 pixels)

• border: define a borda de um elemento. Exemplo: border: 1px solid black; (define uma borda sólida preta de 1 pixel)

• width: define a largura de um elemento. Exemplo: width: 300px; (define a largura de um elemento como 300 pixels)

• height: define a altura de um elemento. Exemplo: height: 200px; (define a altura de um elemento como 200 pixels)

• margin: define a margem de um elemento. Exemplo: margin: 10px; (define uma margem de 10 pixels em todos os lados do elemento)

• padding: define o preenchimento interno de um elemento. Exemplo: padding: 20px; (define um preenchimento interno de 20 pixels em todos os lados do elemento).

Para mais propriedades segue o link de referencia: Propriedades

Exercícios de Fixação

• 13 - Crie um elemento com altura de 300px e largura de 500px, com margem de 20px em todas as direções e preenchimento de 10px em todas as direções.

• 14 - Crie um elemento com altura de 50% da altura do seu elemento pai e largura de 80% da largura do elemento pai.

• 15 - Crie um elemento com borda sólida de 2px de espessura, cor vermelha, estilo pontilhado e borda arredondada de 10px.