问题🐔

2016-06-01  本文已影响55人  管饱饱

1.怎么去除浏览器的默认边距(会有一定距离,不能到边,如下图红箭头指示,标签不能顶边)

图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标签写在一排就好了

解决后
上一篇下一篇

猜你喜欢

热点阅读