conhecimento sobre html e css

Question 1

qual tag do html é usada para alterar a cor de texto ?

Answer 1

color

Question 2

como adicionar um comentario no html e css?

Answer 2

html: <– seu comentario aqui–>
css:/seu comentario/

Question 3

qual propriedade é usada para definir a cor de fundo de um elemento no hmtl,css?

Answer 3

background-color

Question 4

qual a função do “alt” em uma tag de imagem ?

Answer 4

texto alternativo a caso a imagem não apareça

Question 5

qual á diferença entre padding e margin, css?

Answer 5

padding é espaçamento dentro de um elemento em quando o margin é o espaçamento de fora

Question 6

quais são as tags principais do html?

Answer 6

header,main,footer,section,article, aside, nav, div.

Question 7

quais os principasi atribuitos do html?

Answer 7

div: container generico.
class: nomear elemento para estilização.
id: nomear um elemento espesifico.
style: usar css dentro no html.
hidden: sumir um elemento

Question 8

como usar os textos no html?

Answer 8

atravez do h1 para titulo.
span para texto qual quer e
p para paragrafo

Question 9

para que servem as formularios ?

Answer 9

para inserir informações (como de cartao por exemplo)

Question 10

como se faz um formolario?

Answer 10

é constituido por um label que é uma tag que fecha nela mesma, ao lado um for que vai receber o tipo de input e por ultimo o nome do input.
em baixo vem o input em si, que é aconpanhado pelo id que é para saber o nome do input, type que é o tipo do input, o nome que é uma chave de retorno e por ultimo um placeholder que é texto auxiliar

Question 11

quais os principais tipos de label?

Answer 11

Email,password,text,checkbox,radio,number,file,date

Question 12

qual é a função dos principais types?

Answer 12

email: verifica se o gmail é valido
password: deixa a senha escondida
checkbox: basicamente uma caixinha
radio: são caixinhas com opções , como masculino e femino
range: uma barra de nivel
number: é um numero
file: seleção de arquivo
date: excolha de data.

Question 13

o que é um formulario select?

Answer 13

é uma forma de excolha de opções, onde tem a tag option,

apos o value que é o valor ( que pode ser invalido ) apos a excolha.

Question 14

como funcionar a tag de midia <img></img>?

Answer 14

é basicamente a tag com um src para adicionar o caminho da imagem

Question 15

como funciona a tag midia ?

Answer 15

é uma tag que possui uma proidade “controls” e uma tag dentro dela chamada source, junto ao src que é o caminho do video junto com um type que é o tipo de video e se quiser um alt

Question 16

como se usa a tag de midia

Answer 16

é uma tag que possui uma proidade “controls” e uma tag dentro dela chamada source, junto ao src que é o caminho do audio junto com um type que é o tipo de audio e se quiser um alt.

Question 17

como faz uma âncoragem?

Answer 17

com a a=tag <a> um herf que é o caminho da pagina. dentro dela uma <li>(lista ordenada) que é o local para apertar para seguir o caminho de herf</li></a>

Question 18

quais são os principais selotores css?

Answer 18

class, id e tag

Question 19

quais são as principais unidades de medidas do css?

Answer 19

px, rem, em e %porcentos

Question 20

quantos px tem a medida de 2 “rem”

Answer 20

32px que é o tamanho padrao do hml

Question 21

a unidade de medida %porcentagem leva em consideração qual elemento?

Answer 21

elemento pai

Question 22

que são width e height?

Answer 22

largura e altura?

Question 23

o que um “rest:css”

Answer 23

formatação do estilo padrao do css

Question 24

o que é boxModel?

Answer 24

modelo de bloco que define a margem preenchendo as areas da caixa

Question 25

qual é a ordem de aplicação de margin e padding?

Answer 25

cima, direito, baixo e esquerda

Question 26

como aplicar borda a um elemento?

Answer 26

border, tamanho da borda, tipo e cor

Question 27

o que é border-radius?

Answer 27

arredodamento de borda

Question 28

quais são os 5 principais tipos de position?

Answer 28

static, fixed, sticky, relative e absolute

Question 29

como se comporta o positon fixed?

Answer 29

se mantem fixo em tela

Question 30

como se comporta o positon sticky?

Answer 30

o sticky so adota seu posicionamento apos chegar ao local, é uma mistura de positon relative com fixed.

Question 31

como se comporta o positon relative?

Answer 31

ele se posiciona em relação a sua posição atual e não da tela ou a posição do “pai” e seu posicionamento é definido atraves das 4 propriedades: top,bottom, left e right.

Question 32

como se comporta o positon aboslute?

Answer 32

ele se comporta de duas maneiras, se ele estiver dentro de um position stacky ele leva em consideração os limites da tela se ele estiver dentro de um positon relative, ele leva em consideração os limites do elemento pai.

Question 33

o que são pseudo class?

Answer 33

atributo para mostrar estado especial de um elemento

Question 34

o que o houver faz?

Answer 34

troca cor quando o mouse passsa por cima

Question 35

quais são os 5 principais tipos de display?

Answer 35

display: inline display: inline-block display: block~ display: none display: flex

Question 36

quais são as propriedades de display-flex?

Answer 36

flex-direction justify-content align-itens

Question 37

para que serve o justify-content: space-between?

Answer 37

são distribuidos igualmente no espaço disponivel( com o primeiro elemento no começo e o ultimo no final)

Question 38

para que serve o justify-content: space-around?

Answer 38

são distribuidos igualmente no espaço disponivel.

Question 39

quais são os tipos de aling-itens

Answer 39

flex-end center flex-start

Question 40

quais são os tipos de display-grid? e quais suas funcionalidades?

Answer 40

grid-templet-colmns: dividi em colunas grid-templet-rows: divid em linhas

Question 41

qual a diferença de (max-width) e (min-widht)?

Answer 41

max-width: as aplicações do midia-query se mantem quando as larguras são iguais ou menor do valor espesificado min-width; as aplicações se mantem quando o tamanho é igual ou maior que o espesificado

Question 42

o que é midia query?

Answer 42

é a respansividade da aplicação em diferentes telas.