As tags (elementos) HTML podem ser divididas em duas categorias, nomeadamente elementos de nível de bloco e elementos inline (também chamados de elementos inline).
1. Elementos embutidos (inline)
1. O conceito de elementos embutidos
Elemento embutido (um conceito na especificação HTML) Inglês: elemento embutido, que possui muitos nomes chineses, como: elemento embutido, elemento embutido, elemento embutido, elemento embutido, etc. Basicamente não existe uma tradução unificada. Além disso, quando se trata de elementos inline, o atributo geralmente envolvido é display:inline; esse atributo pode corrigir o famoso problema da borda flutuante dupla do IE.
2. Características dos elementos embutidos
① Na mesma linha dos elementos embutidos adjacentes;
②A largura (largura), altura (altura), parte superior/inferior da margem interna (preenchimento superior/preenchimento inferior) e superior/inferior da margem externa (margem superior/margem inferior) não podem ser alteradas;
③A largura é a largura do texto ou imagem e não pode ser alterada.
④Os elementos embutidos só podem acomodar texto ou outros elementos embutidos
Ao usar elementos inline, você precisa prestar atenção aos seguintes pontos:
• A configuração da largura é inválida;
• Definir altura height é inválido, mas a altura da linha pode ser definida através de line-height;
• A margem pode ser definida, mas só é eficaz para as margens esquerda e direita, não para as margens superior e inferior;
• Ao definir a margem interna do preenchimento, apenas o preenchimento esquerdo e direito é válido, enquanto o preenchimento superior e inferior é inválido. Deve-se observar que o intervalo do elemento é aumentado, mas não tem efeito no conteúdo ao redor do elemento. ;
• Você pode alternar um elemento entre um elemento inline e um elemento de nível de bloco através do atributo display.
3. Elementos embutidos comuns em tags HTML
2. Elementos de nível de bloco (bloco)
1. O conceito de elementos de nível de bloco
O elemento de bloco (elemento de bloco) e seu elemento inline correspondente (elemento inline) são conceitos na especificação HTML. A diferença básica entre elementos de bloco e elementos embutidos é que os elementos de bloco geralmente começam em uma nova linha e os elementos de nível de bloco adjacentes serão exibidos em linhas diferentes.
2. Características dos elementos de nível de bloco
①Sempre ocupar uma linha, o que significa começar em outra linha, e os elementos subsequentes também devem ser exibidos em outra linha;
② Largura, altura, preenchimento e margem podem ser controlados;
③Se a largura do elemento de nível de bloco for omitida, sua largura será padronizada como a largura da janela atual do navegador;
④Os elementos de nível de bloco podem conter outros elementos embutidos e elementos de nível de bloco.
3. Elementos comuns de nível de bloco em tags HTML