CSS3（Cascading Style Sheets Level 3）是一種用來描述HTML和XML文檔外觀和樣式的語言。它是HTML的一種擴展，其中包含了新的樣式特性和效果。本文將介紹如何使用CSS3來加載HTML并實現網頁的布局和美化。

歡迎來到CSS3的世界
這是一段普通的文本，可以使用CSS3來設置其字體、顏色、大小等樣式。
列表項1
列表項2
列表項3

在上面的HTML代碼中，我們引入了一個外部的CSS樣式表文件。這個樣式表文件中包含了一些CSS3的樣式規則，以及對頁面中元素的選擇和設置。

/* 樣式表文件 style.css */
#container {
margin: 0 auto;
width: 960px;
border: 1px solid #ccc;
background-color: #f1f1f1;
padding: 20px;
box-shadow: 2px 2px 5px #ccc;
}
h1 {
font-size: 36px;
color: #333;
margin-bottom: 10px;
}
p {
font-size: 18px;
color: #666;
line-height: 1.5;
}
ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
li {
display: inline-block;
margin-right: 10px;
font-size: 16px;
color: #999;
}

可以看到，我們在樣式表文件中定義了一個名為“container”的元素選擇器，使用了一些CSS3的樣式屬性來設置其外觀和樣式。同時，在樣式表文件中也定義了h1、p、ul和li等元素的樣式規則，以及一些選擇器。

通過這種方式，我們可以實現完全分離的HTML和CSS代碼，使得HTML代碼變得更加簡潔和易讀。同時，也使得修改和維護代碼變得更加便捷和可靠。