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 ********** >

好了，這就是全部了。 沒有關注公眾號的同學可要趕快關注了啊！ 耗子尾汁！ 我是誰？ 馬老師關門弟子 我是和你們一樣的在校大學生 喜歡自媒體，喜歡分享 關注我的公眾號，獲取更多資源 歡迎你的加入！ 讓我們一起學習！一起進步！！