`
charrysong
  • 浏览: 50639 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

写CSS普遍遇到的问题及解决办法

阅读更多

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

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

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

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

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

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

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

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

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

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

转自:http://www.ok22.org/art_detail.aspx?id=168

分享到:
评论

相关推荐

    彻底弄明白CSS3

    CSS3 的出现带来了突破性的解决方案——Media Queries,它允许设计师根据设备特性(如屏幕尺寸、分辨率等)调整样式表,从而实现响应式设计。 #### CSS2与CSS3 Media Queries对比 在CSS2时代,虽然可以通过`@media...

    高流量网站的CSS设计

    通过本章的学习,读者将能够更好地理解CSS的工作原理,并能够运用这些知识来解决复杂的布局问题。 #### 第四章:框架与集成 随着Web开发的复杂性不断增加,使用CSS框架变得越来越普遍。本章将介绍如何选择合适的...

    IE8网页输入框和按钮变小解决方法.doc

    标题中的“IE8网页输入框和按钮变小解决方法”是指在使用Internet Explorer 8 (IE8)浏览器浏览某些网页时,用户可能会遇到输入框和按钮的尺寸异常缩小的问题。这种情况可能会影响用户的浏览体验和操作便捷性。描述...

    2天驾驭div+css(全新发布2.0版本)

    此外,还介绍了CSS Hack的使用技巧,这是前端开发者在不同浏览器中处理兼容性问题的常用方法。 技巧篇部分,教程分享了一些在实际开发中能够提升页面效果和性能的小技巧,比如使用CSS Sprites技术减少页面请求次数...

    纯css实现圆角矩形

    其中,利用纯CSS实现圆角矩形是前端开发者经常遇到的需求之一,尤其在设计按钮、卡片、菜单等元素时。下面,我们将深入探讨如何通过CSS来创建一个具有圆角的矩形,并分析给出的示例代码。 ### 纯CSS实现圆角矩形的...

    彻底解决IE8按钮变小的问题

    然而,在实际使用过程中,不少用户反馈在安装IE8后遇到了一个普遍问题——按钮大小异常缩小。本文将深入探讨这一现象的原因,并提供详细的解决方案。 #### 问题概述 在安装IE8之后,用户会发现浏览器中的按钮、...

    2天驾驭DIV+CSS(全新发布2.0.3版本)

    此外,还会有定位的应用,CSS Hack等高级技巧的介绍,这些是开发者在工作中经常会遇到的问题和解决方案。 技巧篇,主要分享一些实际工作中提升效率的小技巧。例如,CSS Sprites技术,这是一种将网站所需的所有图标...

    CSS教程之通用的css hack简介

    CSS Hack是一种针对特定浏览器或版本编写CSS规则的方法,通过特殊语法让某些浏览器识别而其他浏览器忽略,以此来解决兼容性问题。CSS Hack分为多种类型,包括但不限于通用Hack、条件注释Hack以及媒体查询Hack等。 #...

    css 不兼容性问题小结

    以下是一些常见的CSS不兼容性问题及其解决方案: 1. 清除浮动 (clear:both) 在CSS布局中,当元素设置了`float`属性后,它们会脱离正常文档流,而周围的元素可能会根据这些浮动元素进行调整。为了避免这种情况,我们...

    解决IE6、IE7、Firefox兼容比较简单的CSS Hack

    在早期的互联网时代,网页设计师们在使用CSS(层叠样式表)设计网页时,会遇到不同浏览器对CSS的解释不一致,导致网页在不同的浏览器上显示效果不同的问题。尤其是较老版本的Internet Explorer(IE6、IE7)和Mozilla...

    弹出层弹出时撑大body的解决办法

    ### 弹出层弹出时撑大body的解决办法 在网页设计与开发过程中,经常会遇到需要添加弹出层的情况,比如提示框、模态窗口等。这些弹出层不仅需要有良好的用户体验,还需要考虑其对整个页面布局的影响。一个常见的问题...

    jquery 跨域访问问题解决方法(笔记)

    这篇文章主要讲述了解决jQuery跨域访问问题的方法,并且通过一个具体的案例来说明了问题的解决过程。 首先,让我们明确什么是跨域访问问题。跨域访问指的是当一个网页试图从不同域名的服务器请求资源时,由于浏览器...

    关于几个常见的css字体设定问题探讨

    在CSS中进行字体设定时,常常会遇到一些问题,例如乱码、字体不支持或者在不同浏览器中显示不一致等。本文将探讨几个常见的CSS字体设定问题,并提出解决方案。 首先,我们来解析一下常见的CSS字体属性值font:12px/...

    在CODEIGNITER中 在CI中引入外部的JS与CSS呢

    首先,路径问题在Web开发中是一个普遍且重要的问题。资源文件(如JS、CSS和图像文件)在服务器上的存放位置和在HTML文档中引用的路径需要正确对应。在CODEIGNITER中,通常会遇到如何在隐藏URL中的index.php时仍然...

    ZeroClipboard flash剪贴板插件修复在弹出框中错位问题

    通常,解决这类问题的方法包括: 1. CSS调整:确保ZeroClipboard的div元素(通常称为“clipboard”)与需要复制的按钮或其他元素正确对齐。可以使用`position: absolute`,`top`,`left`等属性进行精确定位。 2. ...

    PDF解析方式方法PDF解析方式方法PDF解析方式方法PDF解析方式方法

    以下是对这些问题的详细分析及解决方法: 1. **排版混乱与格式不统一**: - 排版混乱可能是由于PDF转换为H5或其他格式时,元数据或布局信息没有正确地转换。解决这个问题的关键在于使用高质量的PDF解析库,例如PDF...

    IE浏览器兼容

    12. **PNG精灵图**:在IE6中,使用PNG精灵图可能会遇到问题,可以使用CSS滤镜解决。 13. **IE的内存泄漏**:IE浏览器在处理DOM对象时可能存在内存泄漏问题,合理管理DOM节点和事件监听器可减轻这个问题。 14. **...

    兼容主流浏览器的CSS透明代码(必看篇)

    然而,上述介绍的概念和方法在解决跨浏览器CSS透明度兼容性问题方面是具有普遍指导意义的。 总结来说,实现跨浏览器的CSS透明效果需要对各浏览器的兼容性问题有所了解,并采取适当的策略以确保最佳的视觉效果。随着...

    jsp中文显示问号问题解决方法

    在开发Java Web应用程序时,尤其是使用JSP技术时,经常遇到的一个问题是中文字符无法正常显示,而被显示为“?”或者其他乱码。这个问题通常源于字符编码设置不正确。以下是一些关于解决JSP中文显示问号问题的关键...

    IE兼容性插件

    在互联网技术日新月异的时代,浏览器的兼容性问题一直是开发者面临的一大挑战。尤其是在IE(Internet Explorer)浏览器的使用环境中,由于其独特的渲染引擎和对某些标准支持的不足,经常导致网页显示异常或功能失效...

Global site tag (gtag.js) - Google Analytics