`
HUO霍zp
  • 浏览: 11400 次
  • 性别: Icon_minigender_1
  • 来自: 东莞
最近访客 更多访客>>
社区版块
存档分类
最新评论

不知道哪位高人把CSS BUG编成了顺口溜了

阅读更多
在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!


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

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

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

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

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

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

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

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

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

  十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
分享到:
评论

相关推荐

    CSS学习顺口溜让你轻松掌握CSS

    尽管原文中的部分内容难以辨识,但通过标题“CSS学习顺口溜让你轻松掌握CSS”及描述中的重复语句,我们可以推测这部分内容旨在通过顺口溜的形式帮助读者更好地理解和记忆CSS的基础知识。 ### CSS基础知识顺口溜 ##...

    精通CSS(css mastery)中文版 part1

    由于本书压缩质量比较好,所以格式比较大,40MB多,我分了6段压缩大家可以按 精通CSS(css mastery)中文版 part1 精通CSS(css mastery)中文版 part2 精通CSS(css mastery)中文版 part3 精通CSS(css ...

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    CSS制作网页时遇到BUG的解决方法

    下面是一些针对这些问题的解决策略,这些策略被巧妙地编成了顺口溜,帮助开发者快速记忆。 1. **IE边框若显若无**:在Internet Explorer(IE)浏览器中,边框可能显示不完整或消失。这通常是由于元素的高度没有被...

    css常用公共样式 与bug解决方案

    本压缩包“css常用公共样式与bug解决方案”聚焦于一些常见的CSS应用场景和问题解决策略,对于前端开发者来说极具参考价值。以下是基于标题、描述和标签所涵盖的CSS知识点的详细讲解: 1. **公共样式**:公共样式是...

    1.css常用公共样式 与bug解决方案

    3. IE兼容性问题:针对IE浏览器的特定bug,如双边距问题,min-height不支持等,使用条件注释或polyfill。 4. 动画卡顿:优化CSS3动画性能,避免过度使用复杂的动画,或者利用requestAnimationFrame提升流畅度。 5. ...

    postcss-flexbugs-fixes, PostCSS插件,试图修复flexbug的所有问题.zip

    postcss-flexbugs-fixes, PostCSS插件,试图修复flexbug的所有问题 PostCSS Flexbugs修复 这个项目试图修复所有问题的插件。 Bug 4输入.foo { flex: 1; }.bar { flex: 1 1; }.foz { flex: 1 1 0; }.b

    CSS特效+CSS图标

    CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...

    CSS中常用的 reset.css文件

    因此,在使用`reset.css`时,最好结合`normalize.css`或现代的CSS重置方法,如`Eric Meyer Reset`或`sanitize.css`,它们不仅重置样式,还会保留一些有助于无障碍浏览和语义化的默认样式。 在实际项目中,可以将`...

    CSS酷站CSS特效华丽CSS

    在本篇内容中,我们将深入探讨"CSS酷站"、"CSS特效"和"华丽CSS"相关的知识点,以及通过一些CSS精美示例来展示其魅力。 首先,"CSS酷站"是指那些运用创新和独特CSS技巧设计的网站,它们通常具有引人入胜的视觉效果和...

    快速定位页面中复杂 CSS BUG

    相信大家对于常见 CSS BUG 的处理已经相对比较熟悉,例如:IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但时常我们也会碰到复杂的 CSS BUG 问题,所谓“复杂”实质是指触发的条件很复杂,而“BUG” ...

    birt公用CSS样式

    在创建BIRT报表时,CSS(Cascading Style Sheets)样式起到了至关重要的作用,它们用于控制报表的外观和布局,使其符合用户界面的需求。本主题将深入探讨“birt公用CSS样式”,并结合提供的文件内容进行详细说明。 ...

    精通CSS(css mastery)中文版 part2

    part4 精通CSS(css mastery)中文版 part5 精通CSS(css mastery)中文版 part6 这些文件名搜索一下,然后下载,解压缩会自动解成一个文件 <br>本书将最有用的CSS技术汇总在一起,在介绍基本的CSS概念和...

    精通CSS:高级Web标准解决方案-pdf-01/4

    之后本书用两章讨论招数、过滤器、bug和bug修复,最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员,将书中讨论的许多技术组合起来,给出了两个实例研究。本书还集中介绍了现实的浏览器问题,是弥补CSS知识...

    CSS新世界1

    【CSS新世界1】这本书是关于CSS3的深入探索,主要介绍了CSS3的模块化发展以及新特性。书中首先回顾了CSS3出现的历史背景,强调了模块化带来的灵活性和扩展性,让读者对CSS3有一个整体的认识。接着,作者详细讲解了...

    div+css布局大全

    8. **响应式设计**:随着移动设备的普及,响应式设计成为必不可少的技术。通过媒体查询(media queries)和其他CSS技术,我们可以根据设备的视口大小调整布局,确保页面在不同设备上都能良好显示。 9. **性能优化**...

    css模板 通用库style.css

    css模板 通用库style.css 通用库style.css

    CSS:The Definitive Guide, 4th Edition[CSS权威指南](英文版)

    《CSS权威指南》第四版是CSS领域的重要著作,作者Eric A. Meyer凭借其深厚的行业经验和智慧,对CSS的各个方面进行了详尽的探讨。 本书从基础讲起,逐步深入到CSS的核心概念与应用。CSS权威指南第四版涵盖了CSS的...

    div+css手册

    《div+css手册》是一本深入探讨网页布局技术的重要参考资料,尤其对于网页设计者和前端开发者来说,它具有极高的学习价值。这个手册的核心聚焦在HTML中的`div`元素和CSS(层叠样式表)的结合使用上,旨在帮助读者...

    《CSS Mastery》《 精通CSS》 中文版高清晰 +英文版 +源码下载===>之4/6

    之后本书用两章讨论招数、过滤器、bug和bug修复,最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员,将书中讨论的许多技术组合起来,给出了两个实例研究。本书还集中介绍了现实的浏览器问题,是弥补CSS知识...

Global site tag (gtag.js) - Google Analytics