html中一些常见问题的解决方法

扯扯淡：第一次写博客，最近在学习html5，把遇到的坑记录下来，一是能加深一下印象，二能帮助一下遇到相同坑的童鞋，三能锻炼自己的表达能力，一举三得，哈哈，如有错误欢迎批评指正.........

1.a标签在手机上点击之后会出现一个带颜色的方框,奇丑无比有木有，怎么去掉呢，方法：

 在a标签样式中加入：-webkit-tap-highlight-color :rgba( 0,0 ,0, 0);

  其中tap表示点击，highlight表示背景高亮,把颜色设置为透明就没有那个丑框啦

2.运行一个项目把项目的宽度设置为了100%发现还是不能全屏，旁边会有一些间距，解决办法：

 

* {

      padding : 0 px ;

      margin : 0 px ;

}

*表示设置html中的所有属性

3.设置margin-top时发现有时候它并不听你的话，要么就是没效果，要么就是和父级一起下移了，呵呵，解决margin-top的小性子有如下三种方法：

（1）给父标签加边框

     可以给父级加上一个和背景色一样的边框，这样也看不出来加入了边框，哈哈哈

（2）给父级加上overflow:hidden属性

    作用是隐藏溢出

    

 (3)父级设置padding-top

    相当于子级的margin-top

4.当有两个等级相同的子级上下位置的标签，一个设置了margin-top=20px;一个设置了margin-bottom=30px;那么他们的间距是多少呢，小白一定会说，不是50px么，我当初也是这么认为的，然而事实上他们的间距是30px,为什么呢，因为他们的margin会叠加在一起，所以说，遇到这种情况的时候，谁的margin大就听谁的。