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

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

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

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

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

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

 

[align=left]*{[/align]
     
padding:
0px;
     
margin:
0px;

[align=left]}[/align]
[align=left]*表示设置html中的所有属性
[/align]
[align=left]
[/align]
[align=left]3.设置margin-top时发现有时候它并不听你的话，要么就是没效果，要么就是和父级一起下移了，呵呵，解决margin-top的小性子有如下三种方法：[/align]
[align=left]
[/align]

[align=left]（1）给父标签加边框[/align]
[align=left]     可以给父级加上一个和背景色一样的边框，这样也看不出来加入了边框，哈哈哈[/align]
[align=left]（2）给父级加上overflow:hidden属性[/align]
[align=left]    作用是隐藏溢出[/align]
[align=left]    [/align]
[align=left] (3)父级设置padding-top[/align]
[align=left]    相当于子级的margin-top[/align]
[align=left]
[/align]
4.当有两个等级相同的子级上下位置的标签，一个设置了margin-top=20px;一个设置了margin-bottom=30px;那么他们的间距是多少呢，小白一定会说，不是50px么，我当初也是这么认为的

，然而事实上他们的间距是30px,为什么呢，因为他们的margin会叠加在一起，所以说，遇到这种情况的时候，谁的margin大就听谁的。