margin padding：
margin是元素相对与其他元素的距离。具体与那个元素相对的距离则要看在实际的页面上与哪个元素相邻。
padding，由于一个元素内是可以放其他元素的，而我可能并不把元素里面的所有区域都用来放其他元素而是框出一部分区域放置其他元素，padding就是用来设置这个区域的。
box-shadow：
用于设置div的阴影。如：box-shadow: 0px 15px 25px 0 rgba(0, 0,0,0.6);。参数含义依次是：水平阴影位置（必需/可为负值），垂直阴影位置（必需/可为负值），模糊距离，阴影大小，阴影颜色。
html的简便书写：
(div.item>input[type="text"]+label{userName})*2再加tab键：表示两个同样的div,class为itemi，下面有一个input元素type是text，还有一个label标签里面内容为userName