XML 和 CSS 是網頁開發中常用的兩個技術。XML（Extensible Markup Language）是一種標記語言，用于將數據存儲和傳輸。它提供了一種規范的方式來描述和組織數據，而無需考慮如何將數據呈現給用戶。而 CSS（Cascading Style Sheets）是用于控制網頁布局和樣式的樣式表語言。

使用 XML 和 CSS，可以實現高度定制化和靈活性。例如，對于一個購物網站，可以使用 XML 存儲商品及其相關信息，例如商品名稱、價格、描述等。然后，使用 CSS 將這些數據呈現為有吸引力的網頁。

<!-- XML 文件 -->
<productList>
<product id="123">
<name>iPhone 12</name>
<price>7899</price>
<description>最新款蘋果手機</description>
</product>
<product id="456">
<name>Nike Air Max</name>
<price>899</price>
<description>舒適的跑步鞋</description>
</product>
</productList>
<!-- CSS 文件 -->
.product {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
.product h2 {
font-size: 24px;
color: #333;
margin-bottom: 10px;
}
.product .price {
font-size: 18px;
color: #f00;
margin-bottom: 10px;
}
.product p {
font-size: 16px;
color: #666;
}

在上面的例子中，XML 文件定義了兩個產品，每個產品都有一個唯一的 ID，以及名稱、價格和描述等屬性。CSS 文件定義了如何將這些數據呈現為網頁元素。每個產品都用類名 "product" 呈現，其中包括一個標題、價格和描述等信息。

總之，XML 和 CSS 是網頁設計和開發中不可或缺的技術。使用它們可以使網頁的開發更加靈活和高效，同時使網頁看起來更加吸引人。