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

Elementos da lista DIV comumente usados ​​​​no layout 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 aninhada, melhor será a

lista ordenada.

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
Desempenho:

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>

bloco de conteúdo

dl dt dd

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>

ol ul li e p podem ser adicionados 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!