background/input

background

用background引入图片可以清晰的图片，width:100%会在不同屏幕上显示出不同清晰度，可能会变花，看不清楚。

但凡图片里还要写东西就用背景图写（background）

内容本身–padding–border–margin
所以，border本身也会有尺寸
box-sizing: border-box;
可以使边框的大小含在自身的尺寸里

input

input 输入框，内联元素，有宽高

占位符：placeholder，提示作用，开始打字里面的内容就会消失

<input placeholder="请输入搜素内容" />

表单里的值：value，开始打字里面的字不会消失

<input value="asldfjlskdfj"/>

密码输入：

<input type="password"/>

因为浏览器点进表单，也就是输入框，会有一层蓝色边框，就用outline:none;（style里）就可以让蓝色边框消失

input居中
但让Input居中是无法居中的所以，两种方法：

1. 在input标签外套一个div标签，给宽 ，再用margin: auto;（margin:auto必须在有宽的情况下使用）
2. 在input标签外套一个div标签，style=“text-align: center;”，让表单里的文字，输入框，图片居中