conhecimento sobre html e css Flashcards
perguntas sobre os assuntos estudados
qual tag do html é usada para alterar a cor de texto ?
color
como adicionar um comentario no html e css?
html: <– seu comentario aqui–>
css:/seu comentario/
qual propriedade é usada para definir a cor de fundo de um elemento no hmtl,css?
background-color
qual a função do “alt” em uma tag de imagem ?
texto alternativo a caso a imagem não apareça
qual á diferença entre padding e margin, css?
padding é espaçamento dentro de um elemento em quando o margin é o espaçamento de fora
quais são as tags principais do html?
header,main,footer,section,article, aside, nav, div.
quais os principasi atribuitos do html?
div: container generico.
class: nomear elemento para estilização.
id: nomear um elemento espesifico.
style: usar css dentro no html.
hidden: sumir um elemento
como usar os textos no html?
atravez do h1 para titulo.
span para texto qual quer e
p para paragrafo
para que servem as formularios ?
para inserir informações (como de cartao por exemplo)
como se faz um formolario?
é 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
quais os principais tipos de label?
Email,password,text,checkbox,radio,number,file,date
qual é a função dos principais types?
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.
o que é um formulario select?
é 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.
como funcionar a tag de midia <img></img>?
é basicamente a tag com um src para adicionar o caminho da imagem
como funciona a tag midia ?
é 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
como se usa a tag de midia
é 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.
como faz uma âncoragem?
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>
quais são os principais selotores css?
class, id e tag
quais são as principais unidades de medidas do css?
px, rem, em e %porcentos
quantos px tem a medida de 2 “rem”
32px que é o tamanho padrao do hml
a unidade de medida %porcentagem leva em consideração qual elemento?
elemento pai
que são width e height?
largura e altura?
o que um “rest:css”
formatação do estilo padrao do css
o que é boxModel?
modelo de bloco que define a margem preenchendo as areas da caixa
qual é a ordem de aplicação de margin e padding?
cima, direito, baixo e esquerda
como aplicar borda a um elemento?
border, tamanho da borda, tipo e cor
o que é border-radius?
arredodamento de borda
quais são os 5 principais tipos de position?
static, fixed, sticky, relative e absolute
como se comporta o positon fixed?
se mantem fixo em tela
como se comporta o positon sticky?
o sticky so adota seu posicionamento apos chegar ao local, é uma mistura de positon relative com fixed.
como se comporta o positon relative?
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.
como se comporta o positon aboslute?
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.
o que são pseudo class?
atributo para mostrar estado especial de um elemento
o que o houver faz?
troca cor quando o mouse passsa por cima
quais são os 5 principais tipos de display?
display: inline
display: inline-block
display: block~
display: none
display: flex
quais são as propriedades de display-flex?
flex-direction
justify-content
align-itens
para que serve o justify-content: space-between?
são distribuidos igualmente no espaço disponivel( com o primeiro elemento no começo e o ultimo no final)
para que serve o justify-content: space-around?
são distribuidos igualmente no espaço disponivel.
quais são os tipos de aling-itens
flex-end
center
flex-start
quais são os tipos de display-grid? e quais suas funcionalidades?
grid-templet-colmns: dividi em colunas
grid-templet-rows: divid em linhas
qual a diferença de (max-width) e (min-widht)?
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
o que é midia query?
é a respansividade da aplicação em diferentes telas.
