在HTML文檔中，CSS是用來為網頁添加樣式的一種語言。CSS樣式可以通過3種方式來添加到HTML文檔中：內部樣式表，外部樣式表和內聯樣式。此外，CSS樣式的位置設置也非常重要，可以顯著影響網頁的加載速度和可維護性。
/* 以下為示例CSS代碼 */
1. 內部樣式表
內部樣式表指的是將CSS樣式寫在HTML文檔的<head>標簽內部的<style>標簽中。具體代碼如下：
<head> <style> /* CSS 樣式代碼 */ </style> </head>
這種方式添加CSS樣式的好處是，CSS代碼可以直接和HTML文檔一起傳輸，不需要額外的網絡請求，可以改善網頁的加載速度。但是，將CSS樣式放在HTML文檔中會增加HTML文檔的體積，給維護帶來不必要的麻煩。
2. 外部樣式表
外部樣式表指的是將CSS樣式單獨寫在一個外部文件中，通過<link>標簽來引入HTML文檔中。具體代碼如下：
<head> <link rel="stylesheet" href="style.css"> </head>
這種方式添加CSS樣式的好處是，可以將CSS代碼分離出來，減小HTML文檔的體積，也方便了維護。另外，由于CSS文件通常可以被瀏覽器緩存，所以對于多個頁面使用相同的樣式，可以更有效地利用瀏覽器緩存。
3. 內聯樣式
內聯樣式指的是將CSS樣式寫在標簽的style屬性中。具體代碼如下：
<div style="color: red; font-size: 16px;">這是一段帶有內聯樣式的文本</div>
這種方式添加CSS樣式的好處是，可以精確控制某個具體元素的樣式，比如在不同的場景下需要動態地改變某個元素的樣式。但是，在HTML文檔中添加大量內聯樣式會影響HTML文檔的可讀性和代碼可維護性。
在選擇以上3種添加CSS樣式的方式時，需要根據具體場景綜合考慮每種方式的優劣。此外，CSS樣式的位置設置也非常重要，可根據CSS樣式的場景進行相應的位置設置。