`
ldneedu
  • 浏览: 716 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
最近访客 更多访客>>
社区版块
存档分类
最新评论

[转] CSS BUG顺口溜

    博客分类:
  • CSS
阅读更多

CSS BUG顺口溜

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

分享到:
评论

相关推荐

    前端入门10个css bug顺口溜

    ### 前端入门10个CSS Bug顺口溜解析 #### 一、IE边框若显若无,须注意,定是高度设置已忘记 **知识点:** 1. **IE浏览器兼容性问题:** Internet Explorer(IE)浏览器在处理CSS时存在一些独特的行为,特别是在早期...

    svg转css,css转svg,svg与css互相转换并压缩

    SVG转CSS:将SVG图形转换为CSS背景图像可以简化代码,降低文件大小,并利于CSS的复用。这通常通过将SVG数据嵌入到CSS的`background-image`属性的`url()`函数中,使用`data:`协议来实现。例如,SVG图形可以被编码为...

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

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

    CSS3Ps For Photoshop图层转换CSS3代码插件.rar

    CSS3Ps 是一个免费的基于云端的 Photoshop 插件,用来将 PhotoShop 的图层转成用 CSS3 实现的方式,外观完全一致。您可以选择多个图层和图层组,一键转换。行程转换为CSS边框属性。内阴影,内发光,阴影,外发光转换...

    css样式BUG大全

    ### CSS样式BUG大全详解 #### 一、概述 在Web前端开发过程中,CSS(层叠样式表)作为页面样式设计的重要工具,其正确性直接影响着网站的视觉效果及用户体验。然而,在不同浏览器环境下,CSS的表现可能会出现差异,...

    目前比较全面的浏览器CSS BUG兼容汇总

    以下是一些常见的CSS兼容性BUG及其解决方案: 1. **垂直居中问题**: 在IE6、7和Firefox中,实现元素的垂直居中可以采用`vertical-align: middle;`配合`line-height`的方法。将`line-height`设置为与元素相同的...

    CSS常见Bug及其修正方法

    ### CSS常见Bug及其修正方法 #### 一、引言 在网页设计中,CSS(层叠样式表)作为控制HTML元素样式的强大工具,在实际应用过程中可能会遇到各种兼容性和布局问题。本文旨在介绍一些常见的CSS Bug及其解决方案,...

    CSS BUG浏览器兼容知识汇总

    然而,由于不同的浏览器在解析和实现CSS规范时可能存在差异,导致开发者经常遇到“CSS BUG”问题,尤其是在不同浏览器间的兼容性问题。这篇综合性的知识汇总将探讨CSS在浏览器中的常见问题、解决方案以及优化策略。 ...

    常见css BUG

    ### 常见CSS Bug详解 #### CSS兼容性问题概览 在开发网站时,确保网页能在各种浏览器中正常显示是非常重要的。不同的浏览器对CSS的支持程度各不相同,特别是早期的Internet Explorer(IE)版本与现代浏览器如Fire...

    Table转div+css工具

    总之,“Table转div+css工具”是现代Web开发中的一款实用辅助工具,它能够帮助开发者迅速更新老式的Table布局,使其符合当前Web标准,提升用户体验和网站性能。随着网页技术的不断发展,掌握这样的工具和相关知识...

    svg代码与css代码互相转换,并压缩

    在现代Web开发中,SVG(Scalable Vector Graphics)和CSS(Cascading Style Sheets)是两种非常重要的技术。SVG用于创建矢量图形,而CSS则用于定义网页的样式和布局。有时候,开发者可能需要在SVG和CSS之间进行转换...

    css_bug与解决方法

    标题:“css_bug与解决方法” 描述详述:本文旨在探讨并提供解决各种浏览器中的CSS bug的方法与技巧。在Web开发中,CSS(层叠样式表)是实现网页美观设计的关键技术之一,但不同浏览器对CSS的支持程度和解析方式...

    table布局网页转换为div+CSS布局的转换软件

    在网页设计领域,传统的`table`布局曾是构建网页结构的主要方式,但随着Web标准的发展,`div`结合`CSS`布局(层叠样式表)逐渐成为主流。`table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制...

    table转div、table转css

    标题"table转div、table转css"所指的就是这一过程,即利用特定工具将原本用表格布局的内容转化为更灵活的div+CSS布局。这种转换可以提高页面加载速度,提升用户体验,并更好地适应不同设备的显示需求。 描述中提到...

    最常见的9种IE_css_bug及fix

    ### 最常见的9种IE_css_bug及fix:深入解析与解决方案 #### 1. 居中布局问题 在Web开发中,将元素居中是极为常见的需求。通过设置`margin: auto;`通常能够轻松实现这一目标,但在IE6中,这种方法却会遇到问题。...

    将AE制作的动画导出为CSS代码

    "将AE制作的动画导出为CSS代码"这一主题探讨的是如何将AE中的动画转换成可应用于网页的CSS代码,以便在网页上实现类似的动态效果。 AE提供了一种方式,通过插件或自定义脚本来将动画的关键帧数据转化为CSS3关键帧...

    lessc 转换less为css

    《lessc:从Less到CSS的转换神器》 在现代前端开发中,CSS预处理器扮演着重要的角色,其中Less就是一款广泛使用的预处理器。它扩展了CSS,引入了变量、嵌套规则、运算符等功能,使得CSS代码更加简洁、可维护。而...

    CSS BUG问题解决的一些经验

    在网页设计过程中,CSS(Cascading Style Sheets)布局时常会遇到各种问题,尤其是CSS BUG。这些BUG可能出现在不同浏览器中,对页面的呈现造成影响。本文将分享一些解决CSS BUG的经验,帮助开发者更快地定位并修复...

    css转stylesheet插件,适用于鸿蒙、RN.zip

    在这样的背景下,"css转stylesheet插件,适用于鸿蒙、RN.zip" 提供了一个解决方案,帮助开发者更高效地在鸿蒙系统和React Native(RN)中应用CSS样式。 首先,我们要理解CSS(Cascading Style Sheets)在Web开发中...

    css3文字标签云3D旋转特效.rar

    css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效....

Global site tag (gtag.js) - Google Analytics