Curso de HTML5 e CSS3 Responsivo Aula 11 Adicionando e conhecendo box-sizing e a tag section

Nessa vídeo aula vamos adicionar e conhecer a propriedade do CSS3 box-sizing e conhecer uma das tags novas do HTML5 chamada section.

Código CSS desenvolvido em aula

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box

box-sizing: border-box;

Basicamente esta regra diz que todos os elementos levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding.

Código HTML desenvolvido em aula

	<section class="corpo">
		<div class="conteudo">
			<h1 class="tituloDestaque">Melhores amigos para adoção esperando por você</h1>
			<p>A presença de um animal de estimação em casa traz <strong>felicidade e bem estar</strong>. Bolinhas de pelo alegres, fofinhas e cheias de vida, grandes ou pequenas, brancas, pretas, marrons ou amarelas, pulam e brincam o dia todo como se fossem brinquedinhos com energia infinita.</p>
		</div>
	</section>

section

Define um bloco ou um grupo de um assunto específico. É importante entender que a section agrupa diversos elementos que tenham relação entre si. Por exemplo, se há uma área no site que há links, conteúdo, imagens e etc de um assunto em comum, você agrupará esses elementos com uma section.



Hospedagem Profissional de Sites