网站模块设计布局的速记口诀

现如今,网站建设行业的规模越来越庞大,随之而来的流程也开始规范网站源代码必须遵循标准的div+css设计。设计师做网站时,一般的功课就是修改网站模板,可是模板受到css控制。假如在用CSS设计布局时碰到了BUG,亲爱的设计师们,我恭请您们认真阅读如下文字,这是一个高手精心编写的,可谓独出心裁,很好记的,一定对您们有所帮助,高人把 CSS BUG编成了口诀了!看看好不好记住呢?

一、IE边框若显若无,有必要注意,一定是高度设置已忘

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

三、三像素文本慢移有妙招,高度设置帮你忙;

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

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

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

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

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

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

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

分类目录: 建站教程 | 标签: 网站  模块  设计  布局  速记  口诀   | 评论:0
上一篇: 浅谈网页设计中常用元素
下一篇: 推荐几个网站设计的表单技巧