当前位置:首页 > WEB标准 > 正文

CSS布局口诀

作者:蓝调 来源:蓝色理想 【 】 浏览: 添加日期:2009-04-28 我要评论(23)     

如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?

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

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

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

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

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

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

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

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

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

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

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖WEB标准〗Tags: css bug 兼容 兼容浏览器

更多评论(23)..会员评论

mker(123.156.*.*) 发表于:2011-07-25 23:49:51
你好,能不能把每一条都讲下呢,有的看不懂呢,谢谢
zhongs(116.204.*.*) 发表于:2011-05-27 10:36:27
很好的网站,加油!
interlocking(222.94.*.*) 发表于:2011-05-23 17:41:40
good
winlia520(218.17.*.*) 发表于:2010-11-23 13:18:25
站长,您好,请给推荐一个php+js手工裁图的程序,
管理员回复:对php不是很熟,太高深了
雨丶天(218.0.*.*) 发表于:2010-01-15 16:31:16
请问下~怎么在网页的四周加边框呢~请教下 谢谢
管理员回复:设置border不就行了吗
小菜鸟(211.147.*.*) 发表于:2009-12-17 09:27:19
wuwu!看不明~~
小海(119.123.*.*) 发表于:2009-12-13 22:11:33
管理员,你能不能加一下我的QQ:278976493.或者跟我说下你的QQ,帮我看下我新建的CSS+DIV网页,我第一次接触这个东西,这个网页在我的电脑就正常显示,到其他电脑都乱了。
管理员回复:这个是浏览器兼容问题,建议全党是从头学习教程,兼容问题是初学者都会遇到而且头疼的问题,而且是必须解决的问题
jian(125.77.*.*) 发表于:2009-12-09 14:42:10
很全,好想全掌握啊!

出差旅游免费预订酒店

【视频教程】新手常见问题