1.断点。 断点会使预设位置的页面布局变形，即，桌面上显示三列，而移动设备上仅显示一列。 大多数CSS属***可以在断点之间变形。 断点的位置通常取决于内容。 例如，如果要包装句子，则可能需要添加断点。

2.较大值和较小值。 有时候，将整个屏幕宽度都填满是一件好事（例如，在移动设备上），但是如果相同的内容填满了电视屏幕，则似乎并不合理。 这就是为什么存在较大值/较小值的原因。

3.嵌套对象。 还记得相对位置吗？ 如果许多元素彼此紧密相关，则将很难控制。 因此，将元素放置在容器中会使它们更易于理解和简洁。 在这种况下，使用诸如像素的静态单位。

4. Web字体与系统字体。 想要在您的网站上产生酷炫的Futura或Didot效果吗？ 使用网络字体。 尽管Web字体看起来很酷，但您要记住，这些字体需要由用户下载，并且单词越多，用户加载页面所需的时间就越长。