1.怎么去除浏览器的默认边距(会有一定距离,不能到边,如下图红箭头指示,标签不能顶边)
解决办法:
1>*{margin:0;padding:0;} //不建议用
这个 开始一直 广传,后来不用,测试中如果把这里面加border ff中的某个版本meta也加了边框 还有,并不是所有标签 都有这两个值的, div就是没有padding margin值
2>
body,textarea,input,select,option{font-size:12px;color:#333;font-family:Tahoma,Arial,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}body,h1,h2,h3,h4,h5,h6,ol,ul,dl,dd,p,textarea,input,select,option,form{margin:0;}ol,ul,textarea,input,option,th,td{padding:0;}textarea{overflow:auto;resize:none;}table{border-collapse:collapse;}ol,ul{list-style-type:none;}a{text-decoration:none;outline:none;color:#333;}a img{border:none;}.img img{display:block;}
解释:方法一 不解决 margin值和padding值是我用到中的 table要合并单元格, textarea 为了不让拉申 不出滚动条 li那个不解释 清浮动 开始自己想吧 a 默认有色有下划线,这个自定义 a中的img在不同浏览器有不同的边框 img 容易生成空隙 ,加block ;一次次的改版都是总结出网站哪些能用哪些不能用 h标签 弄成最佳化
方法二可以根据需要进行调整,选择需要适合自己的
2.用div并排显示两张图片,同时在图片上添加透明覆盖层,记得把两个都设置了在看效果。只设置一个的时候,两张图片会不水平对齐 2016.6.1 搞了半天这玩意
还有最好用ul li 标签来做 2016.6.7
3..wrap{margin:auto;width:1200px} 可以让这个标签居中显示
4.当你设置position为绝对定位时,这里的元素会始终以父元素(position为relative,如果没有就一直往上找,都没有就以body为基准)的位置,从左上角开始布局
所以当你设置为绝对定位时 需要同时设置top 和left的值来固定位置 否则标签将从左上脚开始排列 2016.6.7
5.如图所示代码会产生一个问题
将a标签写在一排就好了