Good evening I would like to know everything about Tags, not just the basic ones like
<html></br><h1> etc ... but type what each one does for example
I can not figure out some of these elements.
dropbtn {
background-color: #4CAF50; - cor do fundo
color: white; - cor da letra
padding: 16px; não sei
font-size: 16px; tamanho da font
border: none; não sei
cursor: pointer; não sei
position: relative; não sei
display: inline-block; não sei
It would be very evazivo to explain you one by one. The best thing to do is to look for some tutorials of CSS and HTML . That, today, has plenty of content on the internet. But I'll try to explain some of them:
padding :
It puts a kind of edge in between the content and the box. An image that might help you:
Inthisimage,weseetheHelloWordcontentthatisinsideadiv(justtoillustrate)inyellow.Thepaddingmakesthisborderbetweenthepointfrominsidetheboxtothecontent(helloworld)
font-size:
Asthenameitselfproposes,itisthesizeofthefont,thatis,thesizeofthetext.
border:
Thisisusedtosettheelement'sborders,suchasbordertype(line,dashes,etc.),bordercolor,etc.
cursor:
position:
Itfiddleswiththepositionofascreenelement.Forexample,youcancreateadivandplaceitinthecenterofthescreen.
display:
Liketheexampleyoumentioned,inline-blockworkstoleaveelementsinline(sidebyside)butwithblockstyle.Thereis,forexample,onlyblockthatleavestheelementsonebelowtheother.
Takealookatcss,likethelinksbelow:
link
Before starting development with HTML5 and CSS3 it is good to have a general basic notion about the web development environment.
1 - There is a difference between HTML tags and CSS styling commands.
Tags are the ones you quoted: <html>,</br>,<h1> , etc. Now the code you will see below is a css code with a set of commands that view stylize the elements created by these tags.
2 - It's good for you to put your face to learn, to fall on top. Here below I'll leave the link to some sites that have good content so that you can use learning.
.dropbtn {
background-color: /* #4CAF50; - cor do fundo */
color: white; - /* cor da letra */
padding: 16px; /* Padding é uma maneira de você aumentar o tamanho de um elemento com espaço "vazio" */
font-size: 16px; /* tamanho da font */
border: none; /* Border é uma borda para o elemento em questão, isso faz com que o elemento não tenha borda */
cursor: pointer; /* Faz com que o cursor do mouse tenha um estilo estilo especifico */
position: relative; /* Torna a posição do elemento relativo ao elemento pai dele na hierarquia. */
display: inline-block; /* Demonstra o comportamento do elemento no seu display, se você substituir o valor "inline-block" por "none" o elemento desaparecerá, por exemplo. */
}