Home  >  Article  >  Web Front-end  >  CSS BUG顺口溜,快速牢记CSS的Bug处理方法_html/css_WEB-ITnose

CSS BUG顺口溜,快速牢记CSS的Bug处理方法_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:25:26915browse

CSS存在Bug,但怎么能让我们记住这些Bug,以便在以后编写CSS代码的时候能很好的应对,这不,有心人就编写了这么一个CSS BUG顺口溜,还是挺不错的:
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
怎么样,是不是心里清楚了一些,至少来说以后对编写CSS有帮助的。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn