CSS 控制臺是一種用于調試和調整網頁 CSS 樣式的工具。它可以讓開發人員在瀏覽器中動態地修改樣式屬性，即時查看效果。

要打開 CSS 控制臺，可以按下 F12 鍵，或在瀏覽器菜單中選擇“開發者工具”選項。在控制臺中，可以看到三個選項卡：元素、控制臺和源代碼。在元素選項卡中，可以查看 DOM 結構并編輯當前元素的樣式。在控制臺選項卡中，可以輸入 JavaScript 命令和運行代碼來動態修改樣式。在源代碼選項卡中，可以查看和編輯 HTML、CSS 和 JavaScript 代碼。

/* 通過 CSS 控制臺修改樣式 */
p {
color: blue;
}
/* 控制臺中輸入以下代碼，即可將 p 標簽文本顏色改為紅色 */
document.querySelectorAll('p').forEach(function (item) {
item.style.color = 'red';
});

除了可以修改樣式，CSS 控制臺還可以查看網頁的性能和資源使用情況。在控制臺的“性能”選項卡中，可以查看瀏覽器的頁面渲染過程、JavaScript 運行時的性能和頁面加載時間等信息。

總之，CSS 控制臺是一個非常實用的調試工具，可以幫助開發人員快速定位問題、優化代碼和提高頁面性能，建議每個前端開發人員都要掌握。