在CSS中，四個點（...）通常表示一個元素的所有子元素，要打開或顯示這些子元素，可以使用CSS的display屬性，以下是一些示例和解釋，幫助你更好地理解和應(yīng)用這個屬性。

1. 默認(rèn)值：display: block

HTML元素默認(rèn)是塊級元素，如<div>、<p>等，這些元素在CSS中默認(rèn)顯示為塊級元素（display: block）。

div {
  display: block;
}

2. 內(nèi)聯(lián)元素：display: inline

將元素設(shè)置為內(nèi)聯(lián)元素，使其與其他元素在同一行顯示。

span {
  display: inline;
}

3. 列表樣式：display: list-item

用于設(shè)置列表項（如有序列表<ol>或無序列表<ul>）的樣式。

li {
  display: list-item;
}

4. 表格樣式：display: table

將元素設(shè)置為表格樣式，可以配合其他CSS屬性來定義表格的外觀和行為。

div {
  display: table;
}

5. 隱藏子元素：display: none

將子元素隱藏，不占空間。

.parent > * {
  display: none;
}

6. 彈性布局：display: flex

使用彈性布局（Flexbox）來布局子元素。

div {
  display: flex;
}

7. 網(wǎng)格布局：display: grid

使用網(wǎng)格布局（Grid）來布局子元素。

div {
  display: grid;
}

CSS中的四個點（...）如何打開？

CSS中的四個點（...）通常表示一個元素的所有子元素，要打開或顯示這些子元素，可以使用CSS的display屬性，通過選擇不同的值（如block、inline、list-item等），你可以控制元素的顯示方式。