Elemento HTML: div

0
Tutoriais
10/02/2023
A+ A-
Email Print

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#iwrr{background -color:rgb(243, 245, 246);}

O div elemento não tem nenhum significado especial, mas é muito usado! Em suma, representa seus filhos. É usado para agrupar elementos em uma página para contextos de estilo.

É uma escolha fácil, mas você realmente deve usar o

elemento como último recurso para fins de acessibilidade. Por exemplo, em vez de usar um

elemento para agrupar o conteúdo de um artigo de formato longo que você pode acessar para o

elemento em vez disso.

<

div data-content-block-type=”Wysi” class=”content-block content-block-wysi” id=”ib9a”>

Exemplo

Sintaxe

1
 
 class="container">

2
 
  


3
 
    Ipsum labore velit anim nulla aliqua ea in mollit et eiusmod minim aute do. Cillum elit do veniam deserunt aliqua enim consequat nisi laboris fugiat sint. Ad enim enim non.


4
 
  

5
 
  


6
 
    Ipsum labore velit anim nulla aliqua ea in mollit et eiusmod minim aute do. Cillum elit do veniam deserunt aliqua enim consequat nisi laboris fugiat sint. Ad enim enim non.


7
 
  

8

Resultado

Suporte ao navegador

O

tag é suportada em todos os navegadores modernos. Leia mais em caniuse.com.

Atributos

O

tags suportam Atributos Globais em HTML. Os Atributos Globais são comuns a todos os elementos HTML e podem ser usados ​​em todos eles (embora possam não ter muito efeito em alguns deles).

Contente

Se o

elemento não é filho de um

elemento o tipo de modelo de conteúdo é conteúdo de fluxo. Se for filho do

elemento é usado para agrupar grupos de dt e dd elementos.

  • O
    elemento é semelhante ao elemento, pois são genéricos e não descrevem seu conteúdo. No entanto, é um elemento embutido.

Saber mais

Você sabia? O a.singlediv.com de Lynn Fisher é um projeto que mostra o quanto um single

pode ser estilizado por CSS!
  • Especificação oficial do W3C
  • HTML & CSS para Iniciantes (MEGA Curso Gratuito!)
    Adi Purdila
    08 de setembro de 2022

Posted by

Tagged with
Newer Post
Older Post

Deixe uma resposta