这里只把一些我自己还需要改进的地方发上来。
————————————————————————
1.网页不是静态的、绝对的媒体。这意味着内能伸缩变形，用户应该被允许调整自己喜欢的方式，包括字体大小和屏幕大小。
因为这样，建议使
用"em"和"%"在font-size上（宽度和高度），相比下px不能够在大部分浏览器改变大小，所以要少用，可以用在边框的大小上。
2.css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。
有17个预先确定的颜色，它们是：
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, orange, purple, red, silver, teal, white, and yellow.
transparent 也是一个正确的值。
3.font-family
文字使用的字体，比如宋体，Times New Roman，Arial
等等
这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和times new roman和宋
体），可以同时指定许多字体，只要使用逗号分开即可。这样的用意是，如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体。这非常有用，因为不同的
电脑拥有不同的字体。例子font-size: arial,helvetica，pc用户可以使用arial而苹果mac用户可以使用
helvetica。
注意：如果字体的名称有许多单词组成，使用双引号组合，比如，font-
family: "Times New Romes"。
4.左右Margin加倍的问题
当box为float时，IE6中box左右的margin会加倍。
5.外层box自动计算高度的问题
根据W3C定义，没有float属性的外层box不会自动计算高度，要计算
高度，必须在内层最后一个box加入clear:both。
Opera、netscape、mozilla等不会计算外层box高度，但是微
软ie6会自动计算外层高度。比如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml
">
<head>
在前端开发中，我们经常遇到这样的情况：服务器传到前端的图片需要缩小以显示（如下），在将其缩放之后，IE中图片效果不容乐观。
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7支持自定义双三次&ldq ......
Class.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="class.css"?>
<bookdetail>
<book class="A">
<author>曹雪芹</author>
<title>红楼梦</title>
<price>60.00</price>
</book>
<book class="A"& ......
