当前位置:天才代写 > tutorial > 网页教程 > 口诀助你轻松记住常见CSS BUG

口诀助你轻松记住常见CSS BUG

2018-05-17 08:00 星期四 所属: 网页教程 浏览:376

       在学习css的过程中,浏览器不兼容是一件很折磨人的事。尤其是初学者,要记住众多的bug及其解决方法可不是一件容易的事。此时,小编想起在《新还珠格格》中,为了帮助小燕子背诵《礼运大同篇》,紫薇她们把难于记忆的冗长的文字谱为歌曲,使小燕子轻松过关。如果我们也可以这样记忆,那该多好!十分幸运的是,真让小编发现了一个关于解决CSS BUG的口诀,下面和大家分享一下。

口诀助你轻松记住常见CSS BUG_CSS BUG_CSS经验_CSS教程_课课家

  一、IE边框若显若无,须注意,定是高度设置已忘记。

  二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中。

  三、三像素文本慢移不必慌,高度设置帮你忙。

  四、兼容各个浏览须注意,默认设置行高可能是杀手。

  五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览。

  六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

  七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

  八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。

  九、IE浮动双边距,请用display:inline拘。

  十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

  这个口诀是不是朗朗上口,很好记忆?有了它,我们在进行CSS网页布局时遇到BUG,就可以对照上面的内容进行排查啦!大家速度收藏下来吧!

 

    关键字:

天才代写-代写联系方式