DIV CSS page layout commonly used list elements ul ol li DL DT DD interpretation

Core tips: DIV CSS page layout commonly used list elements ul ol li DL DT DD interpretation

OL ordered List

<ol>
<li>......</li>
<li>......</li>
<li>......</li>
</ol>

Performance as

1. ...
2. ...
3. ...

UL unordered list, showing that the front of the Li is a circle dot instead of 123

<ul>
<li>......</li>
<li>......</li>
</ul>

Many people easily ignore the use of DL DT DD

DL Content Block
The caption of the DT content block
DD Content

You can write this:

<dl>
<dt> title </dt>
<dd> content 1</dd>
<dd> content 2</dd>
</dl>

You can add ol ul Li and p in DT and DD

Understanding these later, in the use of Div layout, will be more convenient, the wide range of the consortium provides a lot of elements of the auxiliary layout.