css的写法有什么不同

循序渐进比较好。 你先学习一下理论基础，就都明白了。
就这里来说“.”是用来指一个类（class），打个比喻，相当于显示生活中的类型。 而“#”是指一个ID，这个相当于标识符，相当于现实生活中的名字。class和ID都是用于CSS中引用，方便对它进行修饰。而“{}”是用来放置修饰这些类和属性的项和值的。class可以重复使用，ID一个单页面中只能有一个。 ul是指无序列表，一般文章列表、链接列表都是用这个来实现。

.div{} 就是div这个类的CSS代码（“{}”里放代码）
.div .top 这个是指div这个类下的子类top
.div ul 这个是指.div这个类下的一个列表
#div 这个就是指div这个ID。

.div{}定义一个叫div的样式可以用class="div"来引用
.div .top 定义2个样式 div 和top 也可以用 class="div"和class="top"引用
.div ul 定义div标签里面ul属性的样式
#div也是定义一个样式名为div 引用方式id="div"
还有一种方式是：div{}定义div这个标签的整体样式