介紹
task02地址
這個task是結合了css樣式和html的任務，需要將所學的html和css結合起來，在寫的過程中，你不僅僅是寫出來，還要考慮各方面，比如說你這個標簽是否精準，能用<header>，<main>，<section>，<p>，盡量少用<div>標簽，多用一些html5新出的語義化標簽。還有在寫css的過程中命名的準確性，復用性等等，這些都是要考慮的問題。
注意點
- 記得寫注釋，寫注釋能幫助你以后回看代碼的時候，知道哪些東西是怎么樣的，標明它的位置，能幫你節省時間。
- 布局出現問題，多看看chorme調試，看看是否多了margin或者padding，然后在查看你的class是否實現了，看這個能幫你解決很多你忽略的小問題。
- 學習初期養成良好命名和分類的習慣，對你以后大有幫助，規范查看網易nec和百度github上的文檔規范，還有一些大型網站的源代碼，反正找官方的就對了。
坑點
利用inline-block和<ul> list-style的樣式之間發生的問題
在用inline-block的時候，發現<ul>的小黑點消失了，查了半天發現是inline-block的原因，由于<li> 的display默認為list-item，當設置為inline-block標示這個標簽不是li元素了，這時可以使用float:left來代替。
css規范問題
屬性的書寫也是有嚴格的順序，點此查看
元素垂直居中
這個是常見的問題，分很多種情況，場景和兼容性，塊狀元素和行內元素等等。
在task02種我用了用了兩種代碼去做最下面的版權所有的垂直居中，你可以把它當作行內元素，那么使用line-heigh與父元素一致，text-align:center即可，還可以用絕對定位的方法，反正方法很多，但是task的場景很單一，如果遷移到其它的場景中呢，你會如何去做，復雜的場景中，<footer>肯定不止這一個元素，所以你要考慮這個影響性，盡量隔離性。如果這是一整塊呢？所以一個經驗豐富的工程師不僅要實現功能，還要有前瞻性。我這邊就不詳細書寫了，我找了篇寫的比較好的
CSS居中問題
CSS居中問題
關于實現nav導航問題
當初是用inline-block來實現的，但是與list-style發生了沖突，后改用float:left，然后還是不完美，需要用padding來設置黑點和文字的距離，后來查看別人的作業，發現他們使用display:flex，賊好用，后來上網查看了下，但是發現由于是新規范，兼容性這塊還是不怎么好。
點擊查看flex詳細
布局問題
一般同學是采用固定高寬，推薦使用百分比加em的方式，但是在縮小到一定寬度的時候，整個布局會出現問題，在寫郵箱密碼那塊的時候，采用百分比布局的方式會顯的很好用。另外手機端是采用rem的方式。
