# 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 ```