模仿天猫前端---公共页面

搜索栏：

border: 1px solid transparent;  将边框设置为透明，否则会有阴影出现，可以适用于button input让它原有的边框消失

display: inline-block    让元素行内块状显示

<div style="position: relative;left: 0;top: 0;">

    <div>要决定定位的div</div>

</div>

专门用于在当前位置进行绝对定位，否则就会基于整个窗体进行绝对定位。

/*变亮---->多用于产品图片，用户鼠标移动到图片时，图片变亮*/
opacity: 0.7;
/*火狐浏览器变亮*/

filter: alpha(opacity=70);

vertical-align: top;    把元素的顶端与行中最高元素的顶端对齐

border-collapse: collapse;   表格内的单元格之间没有缝隙

border-width: 0px;       可以去除input的外边框

vertical-align: middle;      可以再表格内垂直居中

textarea中使用resize: none;  可以将文本框的自动拉伸去除