CSS作為網頁設計中重要的組成部分，可以用來控制HTML元素的樣式。而其中“.”和“#”符號的作用則有所不同。

首先，“.”符號在CSS中表示選擇器，用來指定一組具有相同class屬性值的元素，使得這些元素能夠繼承相同的CSS樣式屬性。比如下面的CSS代碼：

.myclass{
color: red;
font-size: 16px;
}

這段代碼會將所有class屬性為“myclass”的元素的文字顏色設為紅色，字體大小設為16px。

而“#”符號則表示ID選擇器，用來指定符合該ID屬性值的元素，使其繼承相應的CSS樣式屬性。比如下面的CSS代碼：

#myid{
background-color: gray;
height: 100px;
}

這段代碼會將ID屬性為“myid”的元素的背景色設為灰色，并將其高度設為100px。

需要注意的是，相同的class屬性值可以在多個元素中重復使用，而ID屬性值必須是唯一的，不可重復使用。此外，使用class屬性和使用ID屬性都需要在HTML文件中為相應的元素添加相應的屬性值。

總之，選擇使用“.”和“#”符號來定義CSS樣式屬性，取決于你想要控制的HTML元素是使用class屬性還是ID屬性。同時，在實際應用中，使用好的CSS選擇器能夠大大提高網頁的可讀性和可維護性。