html遇到的问题

• 解决div里面img图片下方有空白的问题
• inline-block元素居中问题 ：同时设置  height与line-height相等   以及  vertival-align:middle;（分析原因）

一个简单规律：

inline元素 使用 vertival-align:middle; 居中

block元素 使用 设置  height与line-height相等 

inline-block元素 同时设置  height与line-height相等   以及  vertival-align:middle;

• 消除input，button之间的间距
• 去除input搜索框在浏览器中显示的叉号

清除谷歌浏览器中search搜索框的叉号

input::-webkit-search-cancel-button{
    display: none;
}

清除IE浏览器中search搜索框的叉号

input[type="search"]::-ms-clear{
　　display:none;
}

•  模拟父类选择器
•  单侧阴影
• 子z-index与父z-index
• css3阴影大全
• iframe模拟运行
• input元素 和display:inline-block同行的baseline的问题，可以给input加上vertical-align: top;来对齐
• css选择前一个兄弟元素

• 3种方法实现CSS隐藏滚动条并可以滚动内容