Elementos da lista DIV comumente usados ​​​​no layout de página da web CSS ul ol li dl dt dd definição

DIV Elementos de lista comumente usados ​​​​no layout de página da web CSS ul ol li dl dt dd explicação, os elementos de nível de bloco div devem ser usados ​​​​o mínimo possível. Como a tabela, quanto menos aninhados, melhor.

ol lista ordenada.

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
Mostrado como:

1…
2…
3…
ul lista não ordenada, mostrada como li é precedida por um grande ponto em vez de 123

<ul>
<li>……</li>
<li>……</li>
</ul>
Muitas pessoas tendem a ignorar o uso de dl dt dd

bloco de conteúdo dl
dt o título do bloco de conteúdo
O conteúdo de dd pode ser escrito assim:

<dl>
<dt>Título</dt>
<dd>Conteúdo 1</dd>
<dd>Conteúdo 2</dd>
</dl>

Você pode adicionar ol ul li e p a dt e dd
Depois de entendê-los, será muito mais conveniente usar o layout div. O W3C fornece muitos elementos para auxiliar no layout.

Recomenda-se não usar height (height) e line-height (line-height) para as configurações de dl, dt e dd. Isso causará desalinhamento em FF. Devido ao fato de IE e FF serem adaptativos, é recomendado. use os atributos de preenchimento de dt e dd para posicionamento!