Compreensão dos Elementos Block, Inline e Inline-Block
Os elementos em HTML podem ser classificados como inline ou block com base em seu comportamento.
- Elementos inline permanecem na mesma linha que outros elementos, ocupando apenas a largura necessária. Exemplos:
<a>,<span>,<img>,<input>; - Elementos block começam em uma nova linha e ocupam toda a largura do seu contêiner. Exemplos:
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Elementos Block
Elementos block ocupam toda a largura do seu contêiner e sempre começam em uma nova linha. Eles podem ser estilizados usando propriedades CSS como width, height, margin, padding e border. Exemplos comuns de elementos block incluem <div>, <p>, <ul> e <li>.
index.html
index.css
Elementos Inline
Elementos inline permanecem na mesma linha que outros elementos e ocupam apenas a largura necessária para seu conteúdo. Diferente dos elementos de bloco, elementos inline não podem ter valores de width, height, margin ou padding atribuídos, mas o border ainda pode ser aplicado. Exemplos de elementos inline incluem <a>, <span>, <img> e <input>.
index.html
index.css
Elementos Inline-block
Elementos inline-block não começam em uma nova linha, mas combinam a flexibilidade de estilização dos elementos de bloco. Eles podem ser personalizados usando propriedades CSS como width, height, margin, padding e border. Exemplos de elementos inline-block incluem <button>, <select> e <textarea>.
index.html
index.css
1. Qual é a principal diferença entre elementos de bloco e elementos inline?
2. Qual das opções a seguir é um exemplo de elemento de bloco?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain the main differences between inline, block, and inline-block elements?
Can you give more examples of each type of element?
How do I choose which type of element to use in my HTML?
Awesome!
Completion rate improved to 2.56Compreensão dos Elementos Block, Inline e Inline-Block
Deslize para mostrar o menu
Os elementos em HTML podem ser classificados como inline ou block com base em seu comportamento.
- Elementos inline permanecem na mesma linha que outros elementos, ocupando apenas a largura necessária. Exemplos:
<a>,<span>,<img>,<input>; - Elementos block começam em uma nova linha e ocupam toda a largura do seu contêiner. Exemplos:
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Elementos Block
Elementos block ocupam toda a largura do seu contêiner e sempre começam em uma nova linha. Eles podem ser estilizados usando propriedades CSS como width, height, margin, padding e border. Exemplos comuns de elementos block incluem <div>, <p>, <ul> e <li>.
index.html
index.css
Elementos Inline
Elementos inline permanecem na mesma linha que outros elementos e ocupam apenas a largura necessária para seu conteúdo. Diferente dos elementos de bloco, elementos inline não podem ter valores de width, height, margin ou padding atribuídos, mas o border ainda pode ser aplicado. Exemplos de elementos inline incluem <a>, <span>, <img> e <input>.
index.html
index.css
Elementos Inline-block
Elementos inline-block não começam em uma nova linha, mas combinam a flexibilidade de estilização dos elementos de bloco. Eles podem ser personalizados usando propriedades CSS como width, height, margin, padding e border. Exemplos de elementos inline-block incluem <button>, <select> e <textarea>.
index.html
index.css
1. Qual é a principal diferença entre elementos de bloco e elementos inline?
2. Qual das opções a seguir é um exemplo de elemento de bloco?
Obrigado pelo seu feedback!
