看到题目就蒙了，我就找了同学代码，一行行注释，能看懂，但是让自己写却写不出来，怎么办呢？
*{margin:0;padding:0;font:normal 12px "微软雅黑";color:#000000;}/*设置文字初始值*/
ul{list-style-type: none;} /*取消ui的标题前的小圆点*/
a{text-decoration: none;} /*取消链接的下划线*/
/*设定id是title的样式*/
#tab-list{width: 275px;height:190px;margin: 20px auto;}/*设置大div的边框大小，位置*/
#tab-list div{border: 1px solid #7396B8;border-top: none;}/*设置大div的边框样式：宽1px，实线，蓝灰色，无上边框*/
#tab-list div li{line-height: 30px;text-indent: 8px;}/*设置内容的样式：行距30px,首行文本缩进8px*/
#ul1{border-bottom: 2px solid #8B4513;height: 32px;}/*设置内容的上边框，height是上移边框，叠在title下边*/
#ul1 li{display: inline-block;width: 60px;line-height: 30px;text-align: center;border: 1px solid #999;border-bottom: none;margin-left: 5px;}/*display: inline-block让块级元素显示在同一行*//*标题选项的样式：每块级元素的宽是60px,行高30px,块内文字居中，外边框宽1px实线灰色，没有上边，距行首5px*/
#ul1 li:hover{cursor: pointer;}/*hover选择鼠标滑动位置的元素。*/
/*在class=“ul1”的元素的li标签上滑过时，鼠标变成手状*/
#ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}/*active选择鼠标点击的元素的瞬间样式。*/
.show{display: block;} /*显示为块级元素*/
.hide{display: none;} /*让未选中的模块不显示*/