Simple explanation of common CSS elements div ul DL dt OL

Css

A few CSS elements of the simple explanation div ul DL DT Oldiv, this is very common, block-level elements, div as little as possible, and table, nesting less the better

OL have sequence table.

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

The performance is:

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 consortium provides a lot of elements of the auxiliary layout