Scribd
Carregar
3 visualizações2 páginas

Fundamentos de JS, CSS e HTML

O documento fornece uma visão geral de conceitos básicos de JavaScript, CSS e HTML, incluindo sintaxe e propriedades essenciais. Destaca a importância de formatação, como o uso de acentos graves para interpolação e a manipulação de estilos com CSS. Além disso, menciona como estruturar HTML e utilizar classes e comentários.

Enviado por

sanplace017
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd
3 visualizações2 páginas

Fundamentos de JS, CSS e HTML

O documento fornece uma visão geral de conceitos básicos de JavaScript, CSS e HTML, incluindo sintaxe e propriedades essenciais. Destaca a importância de formatação, como o uso de acentos graves para interpolação e a manipulação de estilos com CSS. Além disso, menciona como estruturar HTML e utilizar classes e comentários.

Enviado por

sanplace017
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato TXT, PDF, TXT ou leia on-line no Scribd

JS

Pirnt >> [Link]("");

Acento grave para interpolação de linhas e etc


Aspas simples é pro texto literal.

tolowercase(); tudo eu digitar, fica minúscula, emsmo se colcoar maiusuculo o


resultado é minusculo
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
------------------------

CSS

@import url = colcoar link do google fontes


font-family = fonte usada

main

background-color = cor de fundo


display = inline-block (fica so no sisplay) , block (fica na tela toda)
margin-top = espaço display parte de cima

body

text-align = posicionar o display ( center fica no centro )


background: linear gradent = ( fazer degrade to plano de fundo ) (to bottom , # )
faz isso para colocar a cor, so pegar o código na net.
min-heigth 100vh = estica toda a tela com o degrade
width: 100% = display vai se ajustando na tela pra aparecer todo
transform: translate () = reposiciona elementos dentro de outros.

Para imortar a classe do html é so colocar Ponto e o nome da classe. ex:


( .pokemon_imagem )

text-transfrm : capitalize ( deixa so a pimeira letra maiusula)


color = cor tanto das letras como das coisas

.button:active = simula o que o botao faz quando esta ativo ou passa o mouse nele.

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
------------------------

HTML

Digitar ! >>> serve para preencher o HTML e depois ir tabulando.

img src = coloco imagens


para colcoar o gif do pokedex, pedir pro gpt o link e o nmero do pokemon qe quis
colcoar pra representar
pra criar classe é s colocar ( class="nome da classe" )

<h1> tag do titulo mais importante da pagina

form = formulario
placeholder = texto informando o que usuario vai digitar.

<div> (divisão) = usado pra agrupar elementos no mesmo grupo, no momento de edição
no css, consigo editar tudo do mesmo grupo de uma única vez.

Alguns caracter especiais parecem fazer parte do cod, para corrigir, so ver as
opçoes que substituem os caracter especiais e da no mesmo. Ex: > (&lt)

comentário = <!-- -->

Você também pode gostar