1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用table标签创建一个表格，并使用border设置表格边框为1px。
3、在test.html文件内，在table标签内，使用tr、td标签设置为两行两列表格。
4、在css标签内，设置类名为t1的样式，使用width属性设置宽度为250px，使用height属性设置高度为200px。
5、在css标签内，设置类名为t2的样式，使用font-size属性设置文字大小为20px，使用color属性设置文字颜色为红色，使用text-align属性设置文字居中。
6、在test.html文件内，在table标签内添加class属性，把class属性值设置为“t1 t2”,从而实现给表格添加两个class样式。
根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则：
body { font-family: Verdana, sans-serif}根据上面这条规则，站点的 body 元素将使用 Verdana 字体（假如访问者的系统中存在该字体的话）。
通过 CSS 继承，子元素将继承最高级元素（在本例中是 body）所拥有的属性（这些子元素诸如 p, td, ul, ol, ul,li, dl, dt,和 dd）。不需要另外的规则，所有 body 的子元素都应该显示 Verdana字体，子元素的子元素也一样。并且在大部分的现代浏览器中，也确实是这样的。
但是在那个浏览器大战的血腥年代里，这种情况就未必会发生，那时候对标准的支持并不是企业的优先选择。比方说，Netscape 4就不支持继承，它不仅忽略继承，而且也忽略应用于 body 元素的规则。IE/Windows 直到 IE6还存在相关的问题，在表格内的字体样式会被忽略。我们又该如何是好呢？
