CSS布局设计 顺口溜
一、IE边框若显若无,须注意,定是高度设置已忘记;二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭HTML,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
娃哈哈,随便逛逛发现的好东西。作为一个非专业人士,有些地方以前还真的没去注意过。
同时也推荐发现这篇文章的站点: csscools
老蛋,抢沙发!
蛋王 回复:
八月 19th, 2009 at 13:57
@老饕,
拽下来!
有意思,去csscools一游!
我还是没记住 哎!
蛋王 回复:
八月 19th, 2009 at 13:57
@卢松松,
我也记不住,只是它里面提到的一些东西我以前没注意过,所以保存一下,哈。
我也没记住,唉,难怪我的语文成绩不咋样
蛋王 回复:
八月 19th, 2009 at 13:58
@歪豆,
喝脑轻松!
虽说是顺口溜,但是如果每句再加上相关的解释的话那就最好不过了,这样对于我等啥都不懂的同志将会是一件幸事
这个好,要学习一下。确实,如果每句再加上相关的解释就更好了~~尤其对于初学的我来说~~呵呵
可以写成歌词 用唱
蛋王 回复:
八月 19th, 2009 at 13:58
@小熊,
我想到了某个用青花瓷背化学元素表的老师。。
谁编的哈
真牛
期待写成RAP~
顺口溜还是太长
这个顺口溜不错哦
记一下
蛋王 回复:
八月 19th, 2009 at 13:59
@滚天,
呵呵,是啊,看来得改造一下。。
不太好记,不过很有意思。
蛋王 回复:
八月 19th, 2009 at 13:59
@小毅,
呵呵,代表作者感谢你。。。
呵呵,还真有意思,不过记不太住,我凭的全是经验
不错,我的样式总是不兼容
呵呵。。这个概括得有意思 。。
又重温了一下,这一条很容易忽视啊:
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
以前因为这个搞的很囧,或来才知道,clear的作用……
蛋王 回复:
九月 11th, 2009 at 22:38
@小毅,
我也喜欢用clear。不过。。。某位大师说,clear是菜鸟最喜欢用的方法。。看来我要一直菜鸟下去了,因为我觉得这个很好用。。。
嘎嘎 这个我抄走了。
有口诀没有用,武功不是靠秘籍,而是靠锤炼,所以多做多看,才是王~
搬回家了,