看到题目就蒙了，我就找了同学代码，一行行注释，能看懂，但是让自己写却写不出来，怎么办呢？

     *{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;}   /*让未选中的模块不显示*/