Como usar div e span em html e css

instruções

1. Embora div e span são elementos HTML, pode fazer mais sentido para você, se você pensar neles como recipientes - ou como recipientes com ganchos. Por ganchos Quero dizer classe ou id atributos que ligam os recipientes div genéricos e abrangem a uma regra CSS.

2. 
   
   
   

   A div é um recipiente que se destina a conter uma divisão principal. Essa divisão página pode ser uma barra lateral, um menu, um cabeçalho, uma área de conteúdo, um widget, um grabber da atenção ou um rodapé. Com uma classe ou id apropriado ligado a CSS, um div cria uma área estrutural definida e estilo na página.

3. A div dá-lhe uma maneira de conteúdo do grupo e estilo-lo em conformidade. A div é um elemento nível de bloco e é geralmente utilizado para agrupar seções significativas da página em blocos ligados entre si que podem ser decorados e colocadas conforme necessário. A maioria dos layouts CSS dependem do uso de divs para criar seções da página que pode ser denominado para criar barras laterais, posições e áreas de conteúdo. A div podem conter elementos de bloco, como cabeçalhos, parágrafos e listas. E ele pode conter elementos inline, como imagens e vãos.

4. A extensão é um contêiner genérico também. É um elemento interno - o que significa que é utilizado em uma linha de texto. Com uma classe ou id, uma extensão pode ser denominado para criar uma aparência apropriada para qualquer elemento inline fechado no espaço. A extensão pode colocar uma frase ou expressão que precisa de styling. Por exemplo, uma extensão pode incluir algumas palavras que você deseja chamar a atenção para - ou algumas palavras que possam formar uma mensagem de erro quando um campo de formulário necessário é deixado em branco.