HTML是用于創建網頁的標記語言，CSS則是用于控制網頁外觀的樣式表語言。在HTML中，我們可以使用標簽來將外部CSS文件與HTML文檔關聯起來，使網頁的樣式與布局得到統一的控制。

外部CSS文件的格式通常是以.css擴展名結尾的普通文本文件，其中包含了用于控制網頁樣式的各種規則和屬性。在創建外部CSS文件時，我們可以借助文本編輯器等工具來編輯和管理。

/* 示例：樣式規則 */
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
/* 示例：屬性規則 */
h1 {
font-size: 24px;
font-weight: bold;
color: #333;
}

在使用外部CSS文件的同時，我們還可以通過CSS中的url()函數來引入其他外部資源，例如圖片。在網頁制作中，圖片往往是不可或缺的資源，在CSS中引入圖片可以讓我們更好地控制網頁元素的樣式和布局。

/* 示例：引入圖片 */
.logo {
background-image: url('logo.png');
width: 200px;
height: 100px;
background-size: cover;
}

在上述示例中，我們定義了一個.logo類，將logo.png圖片作為其背景圖，并指定了圖片的寬度和高度。通過background-size屬性，我們可以讓圖片填滿.logo元素的背景。

總之，在進行網頁制作時，充分理解和掌握外部CSS文件的用法和相關屬性，可以讓我們更好地掌控網頁的樣式和布局，從而達到更好的用戶體驗和美觀的視覺效果。