CSS布局口诀
来源:本站整理 热量:正在测温
℃
生产日期:2010-09-04 18:42
转播到微博
站长之家(www.dosxp.com):CSS布局口诀
如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
您或许对这些文章有兴趣
站长之家(www.dosxp.com),自由&共享&快乐
关键词: CSS 布局
[如果您觉得本站不错,请告诉身边的朋友,站长不胜感激^_^]
- 上一篇:常用CSS优化技巧
- 下一篇:border:none;与border:0;的区别
最新文章
热门文章
- 共同可用的CSS模板与HTML模板
- div+css 兼容汇总
- CSS文本属性的使用方法
- CSS注释书写规范
- CSS圆角与三角形实现方法
- IE6、7、8下的CSS Bug及解决方案参考手册
- css美化教程一句实现3种网站风格切换
- CSS技巧之如何实现CSS的自动换行
- 深入学习display:inline-block的属性
- blog模版CSS中文注释
- 绝对定位层下margin:auto会失效
- border:none;与border:0;的区别
- 今天学习css中单位px和em的区别
- css基础link href调用css和@import调用css
- CSS解决SQL木马注入网站挂马
- CSS中alt属性和title属性用法
- 教你解决IE6,IE7,IE8不兼容问题
- CSS滤镜同时过滤文字的问题的解决方法
- 如果定义一条水平的虚线呢?
- 高效整洁CSS代码原则 (上)







