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选择前一个兄弟元素