您现在的位置是:网站首页> 编程资料编程资料
CSS 速记口诀 可以解决一些常见问题_CSS教程_CSS_网页制作_
2021-09-08
814人已围观
简介 如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
相关内容
- css 背景图片定位在菜单效果中的应用实例_CSS教程_CSS_网页制作_
- CSS实现的图片宽高自适应固定边框_CSS教程_CSS_网页制作_
- CSS 多图片融合背景定位的应用于优缺点分析_CSS教程_CSS_网页制作_
- 利用CSS定位背景图片 background-position_CSS教程_CSS_网页制作_
- CSS background-position的使用说明详解_CSS教程_CSS_网页制作_
- css ID类和class类的长命名与短命名_CSS教程_CSS_网页制作_
- ins标签什么时候使用_CSS教程_CSS_网页制作_
- Firefox下div层被Flash遮住的解决方法 _浏览器兼容教程_CSS_网页制作_
- 一个很有用的Firefox和IE插件_浏览器兼容教程_CSS_网页制作_
- 需要知道的CSS3动画技术_css3_CSS_网页制作_