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大就听谁的。


猜你喜欢

转载自blog.csdn.net/qq289223562/article/details/52810980