合肥网站建设工作室

关注合肥工作室微信公众号,提供最新网站建设资讯

扫一扫微信二维码

HTML5+CSS3布局口诀

2013-04-18 08:22:37网站设计

合肥工作室提醒您如果在用HTML+CSS3设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,合肥网站建设把CSS BUG编成了顺口溜了……gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

一、IE边框若显若无,须注意,定是高度设置已忘记;gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

三、三像素文本慢移不必慌,高度设置帮你忙;gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

四、兼容各个浏览须注意,默认设置行高可能是杀手;gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

九、IE浮动双边距,请用display:inline拘。gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

十、列表横向排版,列表代码须紧靠,空隙自消须铭记。gzX合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

本文关键词
CSS3布局,HTML5,布局口诀,网页布局,css重构