CSS外部式代碼是一種通過將CSS樣式表嵌入HTML文件來創(chuàng)建自定義樣式的方法，可以讓我們在不需要直接修改HTML代碼的情況下，通過修改CSS樣式表來改變頁面的外觀和布局。
在嵌入CSS外部式代碼時，需要將代碼嵌入到HTML文件中的<head>標簽內，然后在<body>標簽中應用樣式。這種方式的優(yōu)點是不需要在頁面的源代碼中保留樣式表，同時也可以方便地進行調整和修改。
以下是一個簡單的CSS外部式代碼示例：
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>
body {
font-family: Arial, sans-serif;
color: white;
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
在這個示例中，CSS樣式被嵌入到<head>標簽中，然后被應用于<body>標簽。在<head>標簽中還可以包含其他樣式表，例如JavaScript和圖片等。
需要注意的是，在嵌入CSS外部式代碼時，需要使用適當的編碼格式。正確的格式是：
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<style>/* CSS樣式表 */</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
在這個示例中，<style>標簽內包含了CSS樣式表。