CSS（層疊樣式表）是一種用于網頁樣式設計的語言，可用于控制網頁中的各種元素的外觀和布局。 XML（可擴展標記語言）是一種用于結構化數據描述的標記語言。 在本教程中，您將學習如何使用CSS和XML創建網頁并使其更具吸引力。
<html>
<head>
<title>CSS和XML實例教程</title>
<style type="text/css">
/* CSS 樣式類 */
.title {
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}
.description {
font-size: 16px;
margin-top: 10px;
}
</style>
</head>
<body>
<h1 class="title">CSS與XML實例教程</h1>
<p class="description">本教程將向您展示如何使用CSS和XML創建一個簡單的網頁。</p>
<!-- XML 數據 -->
<data>
<item>
<name>蘋果</name>
<price>$1.00</price>
</item>
<item>
<name>香蕉</name>
<price>$0.50</price>
</item>
<item>
<name>橙子</name>
<price>$0.75</price>
</item>
</data>
</body>
</html>在上面的代碼中，我們定義了一個名為“title”的CSS類和一個名為“description”的CSS類。在“body”標簽中，我們使用這些類來定義頁面的標題和說明，并使用XML “data”元素定義了一些數據項。使用CSS和XML，可以輕松控制頁面的布局和樣式，同時創建結構化的數據描述。