Elementos de lista DIV comúnmente utilizados en el diseño de páginas web CSS Definición de ul ol li dl dt dd

Elementos de lista DIV comúnmente utilizados en el diseño de páginas web CSS ul ol li dl dt dd explicación, los elementos div a nivel de bloque deben usarse lo menos posible. Como tabla, cuanto menos anidados, mejor.

vieja lista ordenada.

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
Se muestra como:

1…
2…
3…
ul lista desordenada, que se muestra como li está precedido por un punto grande en lugar de 123

<ul>
<li>……</li>
<li>……</li>
</ul>
Mucha gente tiende a ignorar el uso de dl dt dd

bloque de contenido dl
dt el título del bloque de contenido
El contenido de dd se puede escribir así:

<dl>
<dt>Título</dt>
<dd>Contenido 1</dd>
<dd>Contenido 2</dd>
</dl>

Puedes agregar ol ul li y p a dt y dd
Después de comprenderlos, será mucho más conveniente utilizar el diseño div. W3C proporciona muchos elementos para ayudar al diseño.

Se recomienda no utilizar altura (altura) y altura de línea (altura de línea) para las configuraciones de dl, dt y dd. Causará desalineación en FF. Debido a si IE y FF son adaptables, se recomienda. ¡Utilice los atributos de relleno de dt y dd para el posicionamiento!