比方说：
改进：
总结：
不能执着于某个牛角尖（我要最少的请求数）而破坏了大局的权衡。
(2).绝对单位和相对单位
input, textarea, select这些控件元素本身就有文字大小，默认不会直接继承body等父级标签。因此，我们需要reset下，否则16像素的文字会吓着用户的。
最初的时候，受一些大网站的影响，是这样设置的：
input, textarea, select { font-size: 12px; } 我看了下，眼睛微博还是这样子的（//zxx: 无数次事实表明，要想举反例，眼睛微博一找一个准）：
然而，这种设置很不好。为何，看看上面“螃蟹和章鱼的故事”中螃蟹的下场就知道了！不灵活，不能自动适应，只会变成困兽，任人宰割。
好的做法是这个：
input, textarea, select { font-size: 100%; } 这个百分之百最佳实践，毋庸置疑，与什么狗屁经验没有一点关系。为什么这样设置？你用了就知道了。
对了，临时想到其他一点东西，我看到很多人写两层标签按钮的时候，会有类似下面的代码：
.redbtn { height: 24px; ... }.redbtn .btn { height: 24px; ... } 如果你不写个高度height就缺乏安全感的话，你这样写也好啊：
.redbtn { height: 24px; ... }.redbtn .btn { height: 100%; ... } 其实呢，有个height是多余的，这样子就够了：
.redbtn { ... }.redbtn .btn { height: 24px; ... } 记住，内外标签如果高度一样，不要同时出现相同的定值。
下载本文