HTML+CSS项目总结

1、input与button之间换行产生空白字符导致二者之间产生空隙

解决办法：两者之间不换行，都在同一行上显示

2、box-sizing:border-box属性

加了box-sizing:border-box属性，padding和border的值就不会在影响元素的宽高，相当于把padding和border的值都算在content里，

3、input上方与padding-top之间有空隙

把div的font-size设置为零。在容器中有元素是，容器的font-size会其作用，input前面的text节点会导致空格出现，而空格会在input元素较小时依托div的font-size来撑起div，从而导致间隙出现。

7、特殊符号的表示：>表示“>” ⁄表示 /

8、 行内元素无法设置宽高转换为行内块元素就可以了

9、background: url(…/images/mt.png); background-size: cover;表示用图片做背景，并且平展示图片的全部