CSS 웹 페이지 레이아웃에서 일반적으로 사용되는 DIV 목록 요소 ul ol li dl dt dd 설명, 블록 수준 요소 div는 테이블과 같이 가능한 한 적게 사용되어야 하며 중첩이 적을수록 좋습니다. ol 주문 목록. <올> 1… <ul> DL 콘텐츠 블록 <DL> dt 및 dd에 ol ul li 및 p를 추가할 수 있습니다. dl, dt, dd 설정에는 height(높이)와 line-height(라인 높이)를 사용하지 않는 것이 좋습니다. IE와 FF의 적응 여부로 인해 FF에서 정렬 오류가 발생할 수 있으므로 사용하지 않는 것이 좋습니다. 위치 지정을 위해 dt 및 dd의 패딩 속성을 사용하십시오!
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
다음과 같이 표시됩니다.
2…
3…
ul 순서가 지정되지 않은 목록(li 앞에 123 대신 큰 점이 표시됨)
<li>…</li>
<li>…</li>
</ul>
많은 사람들이 dl dt dd의 사용법을 무시하는 경향이 있습니다.
dt 콘텐츠 블록의 제목
dd의 내용은 다음과 같이 작성할 수 있습니다.
<dt>제목</dt>
<dd>콘텐츠 1</dd>
<dd>내용 2</dd>
</dl>
이러한 점을 이해하고 나면 W3C에서는 레이아웃을 지원하는 많은 요소를 제공하므로 div 레이아웃을 사용하는 것이 훨씬 더 편리해집니다.