任务地址####
https://bbs.thoughtworks.school//topic/63
完成时间####
2017-01-23
任务要完成的作业####
https://github.com/yujuan123/yujuan-task2.git
任务总结####
1.学会如何组织CSS
*base.css+exam.css*.png
其中，base.css 提供CSS reset功能。用来将浏览器的默认样式全部去掉，重新定义标签样式。exam.css 提供试卷样式，用来美化试卷。
2.学会如何划分模块——模块化CSS
观察我们的试卷页面，发现相同部分，则提取出来，拆分成一个独立的模块。在划分时注意数量要少，可以减少代码的重复性。
3.使用class选择器时——多用组合方式
*截取部分页面.png*
要实现标题背景色和内边距样式，代码如下
<pre>
<style type="text/css">
.exam-title{
background-color: #cccccc;
}
.p10{
padding:10px;
}
</style>
<body>
<div class="exam-item">
<p class="exam-title p10">一、填空题（每空5分，共20分）</p>
< ol >
< li >
<div><span>UML中文全称是：</span></div>
<input type="text"/>
< /li >
< li >
<div><span>对象最突出的特征是：</span></div>
<input type="text"/>
<input type="text"/>
<input type="text"/>
< /li >
< /ol >
</div>
</body>
</pre>
多用class的组合有两个好处
- 可以大大减少class的数量
- 使class的职责更单一，增加class的重用性
每天都努力一点
谢谢你看完
