sexta-feira, 1 de fevereiro de 2019

Divs e Span

tags div e span 

DIV: bloco, divisão

<div class ="div"> Algum texto aqui</div>

no css:
.div{
        width: 300px;
        height: 300px;
        color: red;
}
a div é usada para limitar espaços e regioes. Começa-se a entender como sites são organizados.

Quando voce adiciona a div, o navegador coloca por padrão, uma margem de +- 1px. Para remove-la e deixar seu quadro "colado" a lateral, basta fazer isto no css:
body {
      margin:0; 
}

quando utilizamos divs, é padrao que comece de cima para baixo, ou seja, uma fica embaixo da outra.
Caso queiramos colocar a minha div 3 ao lado da div 2, preciso adiocionar o float em minha div 2, para que fique flutuando e minha div 3 entenda que ela pode ficar ao lado da div 2.

.div2{
          float:left;
}


SPAN
o span é um bloco, parecido com uma div, porem um pouco menos flexivel. Ele é mais utilizado para selecionar uma determinada area ou texto que queira destacar. Também não possui altura e largura, pois se adapta ao tamanho do texto inserido.

Resultado de imagem para blocos png

Nenhum comentário:

Postar um comentário

author
Jake Simms
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.