`
snoopy7713
  • 浏览: 1152266 次
  • 性别: Icon_minigender_2
  • 来自: 火星郊区
博客专栏
Group-logo
OSGi
浏览量:0
社区版块
存档分类
最新评论

CSS 布局口诀

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

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

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

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

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

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

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

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

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

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

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


=eean
overflow解决float浮动后高度自适应问题
overflow:auto; zoom:1;
overflow:auto;是让高度自适应, zoom:1;是为了兼容IE6,也可以用height:1%;的方式来解决。
分享到:
评论

相关推荐

    CSS布局口诀

    ### CSS布局口诀详解 #### 一、IE边框若显若无,须注意,定是高度设置已忘记 此条口诀提醒我们在处理Internet Explorer(IE)浏览器中的边框显示问题时,需要检查元素的高度是否被正确设置。在IE中,如果一个带有...

    CSS 速记口诀 可以解决一些常见问题

    在CSS布局设计中,经常会遇到各种各样的问题,如元素显示不正常、边框缺失、浮动元素处理不当等。为了帮助开发者快速解决这些问题,有人总结了一套“CSS 速记口诀”,它将常见的CSS疑难杂症以简洁的诗歌形式呈现,...

    css 学好的口诀

    ### CSS 学好的口诀 在前端开发领域中,CSS(层叠样式表)是用于控制网页布局和样式的强大工具。学好CSS对于解决网站bug、提高网站美观度及用户体验至关重要。以下根据提供的文件信息,整理出一些关键的学习口诀及...

    CSS-day04.pdf

    其中,CSS布局技术对于页面的结构和视觉表现至关重要。在众多布局技术中,浮动布局机制独树一帜,它允许开发者以一种灵活而富有创造力的方式排列页面元素。本文将深入探讨CSS浮动机制的原理、语法、特性及其在网页...

    CSS-day04.pptx

    CSS 布局的三种机制:普通流、浮动和定位 在 CSS 中,布局是核心,CSS 提供了三种机制来设置盒子的摆放位置,即普通流、浮动和定位。 1. 普通流(标准流) 在普通流中,块级元素会独占一行,从上向下顺序排列。...

    CSS-day05.pdf

    在 CSS 中,定位机制是实现布局的三种机制之一,其他两种是标准流和浮动。定位机制可以使元素脱离标准流,自由地漂浮在其他盒子的上面。下面是对定位机制的详细解释。 1. 为什么使用定位? 在搜索框上有一个红色色...

    09学院门户网站.pdf

    浮动是 CSS 布局的三种机制之一,用于让多个块级盒子水平排列成一行。浮动可以让盒子从普通流中浮起来,使得浮动成为布局的重要手段。 浮动的概念是指元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,...

    chengfakoujuebiao.zip_wudechenfakoujuebi

    6. **前端展示**:如果是Web应用,可能需要使用CSS来控制布局,使得口诀表在页面上整齐排列。如果是命令行应用,可能会使用控制台的换行符和空格来控制输出。 7. **错误处理**:程序需要能够优雅地处理异常情况,...

    让DIV兼容的方法

    ### 让DIV兼容的方法 ...”这一口诀涵盖了DIV兼容性的核心要点。遵循这些原则,可以有效解决90%以上的兼容性问题,为开发者提供了一个清晰的指南,帮助他们在实际项目中实现高效且一致的页面布局。

Global site tag (gtag.js) - Google Analytics