2019F2E3

做header的時候最常遇到的就是橫置一列清單，打完ul>li*n之後，css必備作法：

清單去除項目符號跟橫置

.header-list-item {

display: inline-flex;

list-style-type: none;

在對齊方面不斷參考王志誠老師的flex，用flex改變以往區塊元素跟行內元素的思考方式，達成排一橫列，排一直列的目標。

flex-direction: column;

改變軸線方向


超連結去底線跟滑鼠移過變色

.header a{

color: #AEAEAE;

text-decoration: none;

}

.header a:hover{

color: #707070;

參考資源：https://wcc723.github.io/css/2017/07/21/css-flex/