外部css代碼是一種用來裝飾網頁的技術，它可以改變網頁的外觀和布局，讓網頁更加美觀和易于閱讀。外部css代碼可以使用在網頁的頭部部分，通過link標簽來引用css文件，這樣可以把css代碼和html代碼分開，讓網頁結構更加清晰和易于維護。 下面是一個簡單的外部css代碼的例子：

/*定義文本樣式*/
p {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.4;
color: #333;
}
/*定義鏈接樣式*/
a {
color: #0070c0;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*定義標題樣式*/
h1, h2, h3 {
font-family: 'Lato', sans-serif;
color: #333;
margin-top: 1.5em;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}

這段代碼定義了文本樣式，鏈接樣式和標題樣式。通過這些樣式，網頁的文本和鏈接可以呈現出不同的顏色、字體和大小，從而使頁面更加美觀和易于閱讀。同時，頁面的標題可以設置不同的字體和大小，使其能夠更好地吸引讀者的注意力。 在實際應用中，我們可以把這些樣式保存到一個獨立的CSS文件中，然后在網頁的頭部通過link標簽引用，從而讓網頁更加簡潔和易于維護。這樣，我們就可以輕松地修改頁面的樣式，而不需要修改每個HTML文件的樣式設置。 總之，外部css代碼是一個非常重要的技術，它可以讓我們輕松地定制頁面的樣式，從而使頁面更加美觀、易于閱讀和易于維護。通過學習和掌握這些技巧，我們可以創建出更加優秀的網頁。