CSS的雙層列表方式是一種非常優雅的方式來呈現數據。這種方式能夠將數據以樹形結構的形式展示，并且可以輕松地控制樣式，同時數據也易于操作和維護。

代碼示例：
html代碼：
<ul id="menu">
<li>一級菜單1
<ul>
<li>二級菜單1</li>
<li>二級菜單2</li>
</ul>
</li>
<li>一級菜單2
<ul>
<li>二級菜單3</li>
<li>二級菜單4</li>
</ul>
</li>
</ul>
css代碼：
#menu {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu li {
background-color: #eee;
margin: 5px;
padding: 5px;
position: relative;
}
#menu ul {
display: none;
position: absolute;
top: 100%;
}
#menu li:hover ul {
display: block;
}

在上面的示例中，我們使用了無序列表來呈現菜單，內嵌另一個無序列表來呈現子菜單。使用CSS，我們控制了菜單中的樣式，使用偽類:hover時，當鼠標懸浮在菜單項上時，對應的子菜單就會展開。

雙層列表方式不僅適用于呈現菜單，它也可以用于呈現產品分類、文件結構等層級化結構。

這種方式可以讓我們更好地組織數據，并可以輕松地通過CSS控制樣式和交互效果，因此它是網頁設計中非常重要的一種技術。