CSS中經常用到的一個單位是 li，這個單位的含義也許讓很多剛接觸CSS的小伙伴感到困惑。實際上，li是CSS中列表項（list item）的縮寫，即列表（list）中的每一個項目或條目。

<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

在上面的代碼中，<ul>標簽表示無序列表（unordered list），而<li>標簽則表示無序列表中的一個項目。如果將無序列表的樣式設置為display: inline，那么每個li元素就會變成一行，從而形成水平排列的一組項目。

<ul style="display: inline">
<li>項目1</li><li>項目2</li><li>項目3</li>
</ul>

如果我們將無序列表的樣式設置為display: flex，那么就可以利用彈性布局（flexbox）來更方便地對li元素進行布局和排列。下面的代碼就是一個簡單的例子：

<ul style="display: flex; justify-content: space-between">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

在上面的代碼中，justify-content屬性設置為space-between，表示每個li元素之間均勻分布，且第一個元素在左側，最后一個元素在右側。

總之，li是CSS中的一個重要單位，用于表示列表中的每個項目或條目。它可以用來布局和排列一組元素，為頁面增加一些動態效果，或者定義導航菜單等常見的組件。