هر # معرف یک آی دی برای اون استایل خاصه ، هر آی دی رو فقط یکبار میشه توی قالب ازش استفاده کرد و نسبت به کلاس ها که همون نقطه هستند (روش اولی که گفتید) یه سری تفاوت دارن.
هر . هم معرف یک کلاسه برای استفاده در قالب که بینهایت میشه ازش توی قالب استفاده کرد.

div id ها و div class ها هم بنا بر اون چیزی که توی css تعیین شده متفاوتن.
اینجارم بخون:
http://webgoo.ir/22/%D8%A2%D8%B4%D9%86%D...%D8%B1-css