CSS（Cascading Style Sheets）是一種用于為網頁添加樣式的技術。它可以控制網頁的布局、字體、顏色、大小等方面的外觀。而其中的“.”和“#”符號則是用來選擇樣式的不同方式。

樣式名稱 {
樣式內容
}
樣式名稱.class {
樣式內容
}
樣式名稱#id {
樣式內容
}

上述代碼中，樣式名稱是指選擇器，可以是標簽名、class或者id等。當使用標簽名作為選擇器時，會將頁面中所有該標簽應用相同的樣式；而在使用class或id選擇器時，則可以指定某個特定的標簽應用該樣式。

以“.”符號開頭的選擇器，是用來選擇class的樣式。比如，如果你想選擇一個類名為“test”的元素，你可以這樣編寫CSS：

.test {
樣式內容
}

而如果你想選擇id為“test”的元素，你則需要使用“#”符號：

#test {
樣式內容
}

可以看到，兩者的區別在于選擇器開頭的符號不同，分別對應class和id的選擇。在編寫為網頁添加樣式的過程中，理解這些選擇器的不同用法是非常重要的。