今天還是蠻欣慰的，克服了種種困難，同時也話費了不少時間。
1. PC端出現布局是一半的局面，要用半分比來做
2. 這次a標簽記得寫了
3. Background-size:100% 100%可以視情況而定來寫，如果布局只有只有一半的寬度，那么直接x為100% y則是自己需要的高度
4. 同樣鼠標移入事件hover后面還可以加上需要發動效果的子元素標簽
5. 一個元素旋轉了之后rotate（），如果不需要里面的字體旋轉，可以將字體反轉父元素同樣的角度，如div{transform:rotate(45deg);},p{transform:rotate(-45deg)}
6. chrome下的placeholder需要輸入文字后，才會消失，我們直接用JS寫，xxx.onfocus=function(){this.placeholder=“”;}
Xxx.onblur=function(){this.placeholder=“輸入的內容…”}
7. Input如果只想要一個底邊框，首先border:none;然后background：transparent直接透明掉，然后border-bottom：1px solid red;如下
