CSS是一種用于網頁布局和樣式設計的標記語言。在現代瀏覽器中，CSS可以通過在HTML文檔中添加屬性和樣式來應用。但是，有時候我們需要將CSS代碼嵌入到HTML文檔中，而不是將其放置在網頁外部。在這種情況下，我們需要如何處理CSS才能在外部被訪問呢？
方法一：將CSS屬性設置為內嵌
我們可以將CSS屬性設置為內嵌，這意味著CSS規則將只影響包含該CSS文檔的HTML元素。例如，我們可以將CSS樣式應用于一個<style>標簽中，如下所示：
```html
<style>
/* CSS規則 */
</style>
這種方法的優點是，我們可以將CSS規則應用于HTML元素的內部，而不會影響到其他元素。但是，這種方法的缺點是，它限制了CSS規則的靈活性，因為我們需要在每個HTML元素中重復設置樣式。
方法二：將CSS規則應用于HTML元素
另一種方法是將CSS規則應用于HTML元素中，而不是將其放置在網頁外部。這種方法的優點是，我們可以靈活地設置樣式，因為我們可以在整個HTML文檔中重復設置樣式。例如，我們可以將CSS樣式應用于HTML元素的<head>標簽中，如下所示：
```html
<head>
/* CSS規則 */
</head>
這種方法的缺點是，它可能會增加網頁的加載時間，因為我們需要額外的HTML元素來存儲CSS規則。
方法三：使用CSS外部文件
最后一種方法是將CSS規則存儲在一個外部文件中，并將其設置為網頁的樣式。這種方法的優點是，它可以快速加載，因為它只需要讀取外部文件，而不是加載整個網頁。例如，我們可以將CSS規則存儲為一個.css文件，并將其設置為網頁的樣式，如下所示：
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
這種方法的缺點是，它可能會增加網頁的大小，因為它需要額外的文件來存儲樣式。
綜上所述，我們可以使用上述方法來將CSS規則應用于網頁的不同元素。無論我們選擇哪種方法，都需要謹慎地設置CSS規則，以確保它們不會影響其他元素，并且可以靈活地適應網頁的需求。