Título: Conhecendo as propriedades do CSS

1. Propriedades de fonte: como controlar o tamanho, cor e estilo da fonte usando propriedades como font-size, color e font-family. Exemplo:

Copy code
/* Aumentando o tamanho da fonte para 16px */
p {
  font-size: 16px;
}

/* Mudando a cor da fonte para vermelho */
a {
  color: red;
}

/* Alterando a família de fonte para Arial */
h1 {
  font-family: Arial;
}

1. Propriedades de layout: como controlar o posicionamento e tamanho dos elementos usando propriedades como width, height, margin e padding. Exemplo:

Copy code
/* Definindo largura e altura para um elemento */
img {
  width: 100px;
  height: 100px;
}

/* Adicionando margem em volta de um elemento */
.container {
  margin: 20px;
}

/* Adicionando padding dentro de um elemento */
p {
  padding: 10px;
}

1. Propriedades de borda: como controlar a aparência das bordas dos elementos usando propriedades como border, border-color e border-radius. Exemplo:

Copy code
/* Adicionando uma borda preta de 1px ao redor de um elemento */
.box {
  border: 1px solid black;
}

/* Alterando a cor da borda para verde */
.highlight {
  border-color: green;
}

/* Tornando as bordas arredondadas */
img {
  border-radius: 50%;
}

1. Propriedades de background: como controlar a aparência do fundo dos elementos usando propriedades como background-color e background-image. Exemplo:

Copy code
/* Mudando a cor de fundo para azul */
body {
  background-color: blue;
}

/* Adicionando uma imagem de fundo */
.header {
  background-image: url("header-bg.jpg");
}

1. Propriedades de lista: como controlar a aparência das listas usando propriedades como list-style e list-style-type. Exemplo:

Copy code
/* Removendo os marcadores de lista */
ul {
  list-style: none;
}

/* Alterando os marcadores de lista para discos */
ol {
  list-style-type: disc;
}

1. Exercícios práticos: exercícios e projetos para praticar os conceitos aprendidos.
2. Projeto final: criação de uma página web

Posicionamento