---
# System prepended metadata

title: resumo playlist html e css

---

# resumo playlist html e css

**NOME** KEVIN RIBEIRO DE ANDRADE
**NUMERO** 27
**TURMA** INFOA

## RESUMO

PROGRMAÇÃO VIA VISUAL CODE


```htmlembedded=


tags html-
<HTML>

 - Tudo dentro do seu site fixa aqui dentro.
<head> é o primeiro coamdo dentro da tag html, ela define o cabecalho
<title>- define o titulo da pagina e fica dentro da tag head
<body> onde o cdg do seu site ficará

// tag mãe/pai é a maior tag de que está sendo usada no seu cdg, os filhos por diante são tags menores
// tudo tem que ficar dentro de uma tag

<h1> define um titulo no corpo do seu site
// a tag h vai até a tag <h6> quanto maior o numero manor será o o tamanho do titulo

// vc pode dar atributos para algumas tags paara que elas possam ter um efeito especial.

//normalmente as tags são formatadas pelo css atribuindo uma classe ou mudando uma tag toda

<img src=""> - serve para vocÊ colocar uma imagem no cdg html do seu site

<style> - dentro dessa tag pode ficar um cdg especifico de csss no seu site dentro de um cdg html


// organização de pastas: SRC: dentro dessa pasta terá as pastas pages e assets dentro de pages terá os arquivos html,css e js, já no assets terá as pastas imagens,audios,fontes e videos.

// se tiver usando html e css puro não esqueça de usar o link stylesheet

// para informar arquivos dentro de pastas diferentes se usa ../e o caminho da imagem

css - @font-face- dentro dessa tag será importado as fontes do seu site

css- margin- serve pra vc configurar a margin entre o as tags(espaço de fora).

css- color- altera a cor de textos

// instalar o live server

css- height- altera a altuura de qualquer item contenha altura.
css- width_ altera a largura de qualquer item contenha largura.

// se tu usar * na formatação do css vc fprmayara todas as tags

css- border: coloca ou tira a borda de uma tag

// algumas tags ficam encima e outras embaixo pois cada ma tem uma borda invisivel que intefere

css- flexbox: altera o comportamento das tags podendo fazer elas ficarem uma do lado das outras ou uma embaixo da outra.(tem que ser aplicada na div mãe).// tem que definir o display: flex, antes.

css- padding: espaçamento interno

css- background-color: defina a cor de fundo.

css- justify-content: alinhamento dos itens.

// para formatar mais de uma classe basta usar virgula e informar a outra classe.


// para formatar uma div filha especifica vc tem que dar um espaço np nm da classe na hora de formatar, e colocar "div:nth-child(nr_div)"


css-evento hover: evento relacionado ao mouse

// para usar uma fonte de fora vc pode usar a tag link dentro da tag head para importar a fonte
ou usar o import dentro do font face, (precisa ter a fonte baixxado e dentro da pasta).

// vc pode usar cdg hexadecimal, rgb ou escrever o nome das cores para utilizar coores no seu site

css- opacity: usa porcentagem para definir a opacidade das cores


medidas- px: medida absoluta.
         em: medida relativa, 1 em é igual a 16px. esa medida está ligada a medida da div pai.(isso pode alterar o tamanho)
         rem: unica diferreça dele pro em é que o rem é absoluto.
         %: medida relativa medindo na div pai ou não.
         vh: porcentagem da view height


css- boz-sizing: sempre usar (pro padding não interferir na medida de altura).
css- background-size: define o tamnho da imagem
css- background-position: define a posição da imagem
css- background-image: define a imagem de fundo.
CSS- BACKGROUND-ATACHAMENT: defna os eventos de paralax da img

```