amandabuenotozatti / html5-e-css3 Goto Github PK

O objetivo desse projeto é construir a página da Barbearia Alura através da criação de texto, imagem, blocos de conteúdo, listas de informações, alteração de cor, posicionamento de elementos e espaçamento para estudar HTML e CSS.

• Como definir o título e os parágrafos de um texto utilizando as tags h1 e p
• Como dar destaque para algumas informações do texto, deixando-as em negrito, utilizando a tag strong
• Como dar ênfase para algumas informações do texto, deixando-as em itálico, utilizando a tag em

• Com a tag DOCTYPE, definimos qual versão do HTML estamos utilizando
• A tag html, que marca o conteúdo a ser renderizado no navegador
• Dentro desta tag, podemos definir a linguagem da página, através da propriedade lang
• Como passar as informações do encoding da nossa página para o navegador, através da tag meta e da propriedade charset
• Como definir o título de uma página, através da tag title
• Como separar as informações que estão sendo passadas para o navegador, utilizando a tag head
• Como separar o conteúdo da página, utilizando a tag body

• Manipulação da apresentação do texto com as propriedades: text-align, font-size, background e color
• CSS inline: na linha onde temos a nossa tag, adicionamos a propriedade do CSS
• A tag style: dentro da tag, podemos colocar marcações de CSS referentes aos elementos que temos no nosso HTML
• A apresentação do CSS com um arquivo externo
• Como funciona o estilo em cascata do CSS
• Como importar um arquivo externo de CSS dentro da nossa página HTML
• Como representar cores no CSS
• Através do nome da cor
• Através do seu hexadecimal
• Através do seu RGB

• Removendo os CSS inline e colocando-os no arquivo CSS externo
• Como criar um identificador para marcar especificamente um elemento
• Como fazer referência a esse identificador no CSS
• Como adicionar uma imagem à página
• Como ajustar a altura do elemento, através da propriedade height
• Como ajustar a largura do elemento, através da propriedade width
• Como ajustar o espaçamento interno do elemento, através da propriedade padding
• Como ajustar o espaçamento externo do elemento, através da propriedade margin

• Para cada um dos itens da lista, utilizamos a tag li
• O conceito das classes no CSS
• Elas servem para marcar itens, que são repetíveis
• Como referenciar uma classe no CSS
• Divisões de conteúdo, utilizando a tag div
• Os comportamentos inline e block

• O cabeçalho da página deve ter mais destaque
• Não é recomendado criar estilos usando tags
• O ideal é usarmos classes para tudo