样式常见bug

常见bug

常见bug和解决办法
一、a标签当中嵌套图片在ie10以下包括ie10页面显示图片有边框
解决办法：在style中设置图片的边框为none；
图片自带3px留白
解决办法：给img设置display：block；//给父元素添加font-size：0；//给图片添加vertical-align： middle；
vertical-align一般用于图片和文本对齐；basiline基线对齐/middle为居中对齐；/bottom底线对齐；
二、 双倍浮相在ie6中出现 在子元素添浮动时加左右边距靠边子元素边距是其他的2倍
解决办法：元素添加一个display：inline
三、 form表单对齐 input与button不对齐
解决方法 input解析为标准解析但是button解析为怪异和模型解析
input{box-sizing：border-box；float：lfet；} 就能使input与button对齐；
四、按钮在不同浏览器中解析出来大小不一样
解决办法： 给button设置固定的大小；
五、opacity透明度在ie8以下包括ie8当中不兼容在谷歌中会影响子元素
解决办法：filter:alpha(opacity：（数值）取值范围1~100之间整数)

页面优化

页面头部的优化
    设置页面的title，和网页内容贴近
    设置网页关键字
        <mate name="keywords" content="" />向搜索引擎说明你的网页的关键词； 
        <mate name="description" content="" />告诉搜索引擎你的站点的主要内容；