摘要: 作为Web设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的。51CTO推荐阅读:Web标准化 跨浏览器开发教程理解CSS盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码,透彻地理解 CSS 盒子模型是首要事情,CSS 盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下的 IE 浏览器。CSS 盒子模型负责处理以下事情:◆一个blcok(区块)级对象占据多大的空间◆该对象的边界,留白◆盒子的尺寸◆盒子与页面其它元素的相对位 阅读全文
posted @ 2012-11-24 20:21 下一站永远 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://blog.163.com/seo_luofeng/blog/static/17657502420112302540348/?suggestedreading&wumii 从事跟网站有关的懂行的人一般都会使用firefox浏览器,那肯定离不开firefox下面强大的插件,而Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖 阅读全文
posted @ 2012-11-24 20:16 下一站永远 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 下面是14条特殊情况仅供参考:1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度上我们不能容忍1px 的差异。2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大,而ie下是会被内容撑大,高度限定失效。所以不要轻易给容器定义height。3.横向上的撑破容器问题,。 阅读全文
posted @ 2012-11-24 20:13 下一站永远 阅读(381) 评论(0) 推荐(0) 编辑
摘要: CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理 方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie 阅读全文
posted @ 2012-11-24 20:10 下一站永远 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://www.nowamagic.net/librarys/veda/detail/634 浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。 内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,.. 阅读全文
posted @ 2012-11-24 14:02 下一站永远 阅读(774) 评论(0) 推荐(0) 编辑
摘要: 转载请注明原创地址:http://www.cnblogs.com/softlover/archive/2012/11/20/2779878.html html5为web的form表单增强了一个功能,他就是input的占位符--placeholder。占位符的作用是,当input内容为空或者没有被聚焦的时候,input显示占位符的内容。这是个很棒的功能,但不是所有的浏览器都支持。本教程将向你介绍,如何使用Modernizr 类库去判断浏览器是否支持该属性,然后使用jquery动态显示占位符。 demo预览地址:http://webdesignerwall.com/demo/html5... 阅读全文
posted @ 2012-11-24 11:34 下一站永远 阅读(2699) 评论(1) 推荐(2) 编辑