As tags HTML são divididas em dois tipos: elementos embutidos e elementos no nível do bloco. Primeiro, vamos entender os conceitos de elementos embutidos e elementos no nível do bloco:
Elementos no nível do bloco: Geralmente, é um contêiner para outros elementos, que podem acomodar elementos embutidos e outros elementos no nível do bloco. Os elementos no nível do bloco rejeitam outros elementos na mesma linha que eles. Você pode definir os atributos de largura (largura) e altura (altura). Os elementos no nível do bloco em fluxos normais serão colocados verticalmente. Elementos de bloco comum são div Elementos embutidos (elementos embutidos): os elementos embutidos podem acomodar apenas o texto ou outros elementos embutidos e são descendentes de elementos no nível do bloco. Eles permitem que outros elementos embutidos estejam na mesma linha que eles e não podem definir altura e largura. Um elemento em linha comum é a.De acordo com o conceito de elementos no nível do bloco, podemos entender que os elementos no nível do bloco têm quebras de linha antes e depois, o que é equivalente a adicionar uma tag <br> antes e depois do elemento. Podemos pensar nos elementos no nível do bloco como um bloco ou um retângulo, para que os elementos no nível do bloco possam definir o atributo de largura de altura
exemplo:
Arquivo CSS:
Copie o código