CSS－美化试卷

首先放张美化后的试卷

exam-paper.png

接下来说说美化过程

这次任务的实现过程有些乱，刚开始没有对整张试卷进行规划．看了老师的模板后，就开始着手美化。因为事先没有想好每一部分用哪种元素，哪些部分的样式相同等问题，有些样式是试出来的，所以过程比较拖沓。

改进

以后遇到这类问题，首先应该观察整体页面，找出样式相同的部分，然后再看每部分里是否有相同的；每一部分具体用哪个标签；

就比如这次的试卷，应该这样考虑：
首先，最外边的大框包含七个部分，每部分用的标签可以一样，每部分的题型的标签也是一样，可以通过定义相同的class名来统一控制他们的样式（边框，背景颜色，字体大小等）；第一个部分和第二个部分里都有输入框，可以统一设置相同的样式；其余部分没有相同的样式就分别设计（但是具体用到的标签可以先想好，美化的时候就可以快速调整事先规划不合理的地方）。