EduCoder_web实训作业--CSS从入门到精通——基础选择器

第一关

 /* ********** BEGIN ********** */
    /* 元素选择器 */
    html {
      background-color:#F0F0F0;
    }

    header{
        padding:40px;
        background-color:white;

    }

    footer {
      margin-top: 20px;
      font-size:0.6 em;
      color:grey;

    }

    /* ********** END ********** */

第二关

	/* ********** BEGIN ********** */
   .newsSection{
       margin-top: 20px;
       padding: 20px;
       background-color: white;
   }


    /* ********** END ********** */

 <!-- ********** BEGIN ********** -->
  <div class="newsSection" >
  <!-- ********** END ********** -->    

第三关

 /* ********** BEIGN ********** */
    #chosen{
        color:red;

    }

#news{
    color:blue;
}
#finance{
    color:olive;
}
#think{
    color:green;
}
#life{
    color:orange;
}

    /*选择menu元素下的li子元素*/
    #menu li {
      float: left;
      width: 70px;
      font-size: 1.2em;
      font-weight: lighter;
    }
    /*选择menu元素下的li子元素和li下得a子元素*/
    #menu li, li a {
      list-style: none;
      text-decoration: none;
    }
    /* ********** END ********** */

 <!-- ********** BEGIN ********** -->
  <header id="menu">
  <!-- ********** END ********** -->

好了，这就是全部了。
没有关注公众号的同学可要赶快关注了啊！
耗子尾汁！
我是谁？
马老师关门弟子
我是和你们一样的在校大学生
喜欢自媒体，喜欢分享
关注我的公众号，获取更多资源
欢迎你的加入！
让我们一起学习！一起进步！！