恭喜你，你已经开始进入学习css相关知识的领域了。
那个“.”是十分重要的，它是css最基础的部分：
选择器
选择器主要有3种：标签选择器、id选择器、类选择器
element、id、class
你说的“.”就是类选择器啦~
无论是哪种选择器，都是表示选择某一类别的html标签，为它们加上样式
.style1意思就是为所有 带有 class="style1" 的 html 标签加上相应的样式
要是去掉了“.”，那就变成 为所有 <style1> 标签加上相应的样式（当然一般情况不会用这种自定义的标签）
区别很大哦~