今天还是蛮欣慰的，克服了种种困难，同时也话费了不少时间。

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;如下