这里要搞清楚选择器的用法和类名。

没有以下这种写法：

<div class="wrap">

           <center></center>

</div>

现在很少使用<center>这个标签，因此.wrap center{}以及.wrap>center{}也极少使用。关于空格（

包含(后代)选择器）及>这两个选择器，参见8-6节、8-7节。

.wrap-center{}，这里的wrap-center你可以把它当成一个单词，就是一个class为wrap-center的名字而已，你可以随意命名，你开心就行。。。
至于你说的大小写的，JS里面都是分大小写的，html语言不分的，不用管。text-align，这种就是css的属性规范，和margin-top、font-size一样的道理。

本来就是一个名字嘛 哈哈哈

自己找到了答案。。。

关于CSS类名的命名方式大致有三种：

1. 下划线，即：class=”main_nav”

2. 减号，即：class=”main-nav”

3. 驼峰式，即：class=”mainNav”

三种方法各有利利弊，我大概总结了下面几点：

1.下划线

优点：和程序兼容性好，因为所有程序语言里的变量命名都可以用下划线。

缺点：生硬难看，多余一个字符。

2.减号

优点：与CSS代码原生匹配，比如：text-align:center; 视觉上有一致性，也很美观。

缺点：用减号分割的字符一般的文本编辑器会认为它是两个字符，从而影响“双击选中”操作，另外在程序里减号是变量的运算符，可能会造程序书写困难。

3.驼峰式

优点：符合编程语言命名规范，节省1个字节

缺点：XHTML规定都是小写，用某些代码整理工具可能会误把类名全部转化成小写