nevEr leAve

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中

做SEO的应该都知道，搜索引擎对富有语义化的、结构清晰的DIV+CSS布局是比较青睐的，W3C规范也正是基于“内容与表现分离”这一理念制定的。WEB设计者最好选择合适的、有意义的元素去描述你的内容，确保您所选择的是富有语义的class和id特征值，如果你已经这样做了应该体会到了这一方法的优越性。尤其是在团队合作时，对团队其他成员来说有意义的内容描述，能让其更容易看懂你的WEB内容，这一点尤为重

设置Iframe透明　　Iframe还有一个更大的好处，就是可以设置框架透明，具体操作步骤如下：　　（1）在a.html里调用b.html,　　（2）在浏览器中浏览该页文件，发现在插入Iframe的区域将原来单元格的背景覆盖了，这不是想要的效果。　　（3）打开b.htm页面，切换到代码视图，在标记中插入代码如下：                    （4）将a.html页

【转自】http://www.025seo.net/seo-skill/106.html       看到这个标题，有些朋友可能会有些摸不着头脑，这篇文章写给一些希望把自己站点做好的站长和一些新入门的seoer，从源代码入手，以规范站点，以本页的代码为例,先看head部分line1:line2:line3: line4:南京SEO|南京网站推广|南京网站优化-南京seo鲍捷的博客-文章编辑

【1、最基本的弹出窗口代码】　　　　 　　　　window.open (page.html) 　　--> 　　 　　　　因为着是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open (page.html) 用于控制弹出新的窗口pag

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件(value==) {value=mm}">点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色style="background-color:rgb(235,207,22)"> 

在开发中我们常会在ie中遇到很多莫名的bug，尤其是ie6这个早就该退出历史的浏览器。刚刚在haslayout.net上看到有总结ie的一些 bug，分享一下。1.图片label bug，影响版本ie6/ie7/ie8，当label中有img的时候无法触发点击选中form元素事件.demo [url=http://haslayout.net/demos/Image-Label-Focus-Bug-Demo.html]http://haslayout.net/demos/Image-Label-F

  什么都有：http://www.dynamicdrive.com/dynamicindex5/ JS在线解压、压缩、美化：http://js.clicki.cc/  在线制作csssprite: http://csssprites.com/ xampp: http://www.apachefriends.org/zh_cn/xampp.html HTML C

z-index是CSS中决定网页中容器元素垂直显示顺序的属性，比如两个div，z-index值大的将遮盖小的div．而select控件由于其浏览器开发实现方法和其他标签不同，用常规方法div无法遮盖，所以得借助其他的方法．建立一个iframe，z-index属性是5，将其隐藏，位置于需要遮盖的select相同，比select大一点，刚好遮住selectselect的z-index属性是4div的是

js判断IE6、IE7、firefox if (window.XMLHttpRequest) { // Mozilla, Safari,IE7alert(Mozilla, Safari,IE7 );if (!window.ActiveXObject) { // Mozilla, Safari,alert(Mozilla, Safari);} else {alert(IE7);}

无标题文档 addidas nick mysql java

【form:http://hi.baidu.com/sucheng1031/blog/item/a4dd54ffb334803c5c60082c.html】 PNG图像格式介绍：PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphi

无标题文档书名价格

http://bbs.blueidea.com/thread-2930592-1-1.html   见26楼！<!--*{padding:0;margin:0;}html,body{ _height:100%; _overflow:hidden;}#left{ position:fixed;_position:absolute; z-ind

这个背景是透明的 /*IE*/    filter:alpha(opacity=50);/*FF*/     opacity:0.5;

1.一个国外的模板网站www.Templatemonster.com2.一个国外的Flash MINI site模板网站www.bestflashanimationsite.com  3.某人收藏的webcsswww.webcss.cn  4.站酷http://www.zcool.com.cn/  5.设计路上http://www.sj63.

1.超链接访问过后hover样式就不出现的问题blueidea/*<![CDATA[*/a:link { color:red }a:hover { color:blue }a:visited { color:green }a:active { color:orange }/*]]>*/web标准

text-align:justify; text-justify:inter-ideograph    text-justify版本：IE5+专有属性　继承性：无语法：text-justify : auto | distribute | distribute-all-lines | distribute-center-last | inter-cluster | i

输入框内中文字体垂直居中<!--* {margin:0; padding:0;}.f{font-size:inherit;font-weight:inherit;font-family: "宋体";} body{font:normal normal 12px/1.5em "Tahoma";text-align:center;padding-top:20p

也不记得是哪天了，美工丢来一个页面要做。哇塞！上面居上有文字阴影的效果，一般这种情况下，要么就用图片，要么就是沟通一下把这个不2.0的效果给喀嚓掉就得了。如果只考虑IE的话那当然就一个滤镜就搞定，不过我们得向标准看齐嘛。当时脑瓜子转了转，还真让我给想出办法来了。就是下面这种效果咯。 .title_div {height:30px;border:1px solid #97a3ad; back

这也是最近工作中碰到的一个问题，其实以前也经常碰到过。具体是这样的，有一个图片链接，为了有明显一些的提示效果，需要在鼠标移上去的时候把它放大。按思路来说，其实是很容易的，只要在a:hover img{}里定义鼠标经过时改变图片的大小就可以了。但实际上，在IE6中，a:hover img{}里定义的内容并不生效。IE6对伪类的支持真的很烂，除了A标签外其它标签都不支持:hover伪类，而偏偏这个

首先，说明一下这不是纯CSS的，如果要用纯CSS实现的话要用到很多[if IE 6]的判断，感觉页面的标签很乱，个人不太喜欢。说到底还是因为这万恶的IE6,基本上问题都是出在这里，本例用的是JS，但也用了一个[if IE 6]的判断，用来在IE6下改变标签的class。虽然是用了JS，但页面结构却清爽得多。可能有些朋友见过，原本是在一个国外网站上看到的，不过写得有点复杂，我简化了一下，帖上来。

记得以前还在学校以及刚出来工作的时候，WEB1.0风格的网站别说圆角了，就连图片都是一大版一大版的。后来渐渐改进了些，切一个小角当背景图来做圆角，不管怎么说，只要用到图片的话，怎么说都浪费掉了一个IIS链接数（关于这个以后讲解），而用纯CSS来做圆角，不仅效果不比图片差，而且代码也并不复杂。关于用CSS画圆角的原理，我们先把一个圆角给放大了来看，就很简单明了了。这是一个5像素的圆角，我们可

【from】http://bbs.blueidea.com/thread-2666987-1-9.html我想应该有很多朋友都会碰到DIV中图片垂直居中的问题，DIV不像TABLE，直接一个valign就搞定，特别是当图片的大小不确定的时候，无法通过事先定位来解决。而等比缩放的话，IE6中不认 max-height跟max-width。 无标题文档.box

IE6下默认的字体尺寸大致在 12 - 14px 之间，具体看你页面上的设置，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层，甚至max-height也不能解决。 要解决这个问题，可以强制定义该 div

 本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。兼容 IE 和 FF 的换行 CSS 推荐样式：　　最好的方式是word-wrap:break-word; overflow:hidden;　　而不是　　word-wrap:break-word; word-break:break-all;　　也不是　　wo

example1: 左边固定右边自动适应宽度 body{ margin:0; padding:0;} #top{ width:100%; background-color:#090; height:100px} #con{ width:100%;} #left{ width:300px; float:left; height:400px; backgro

以下部分内容翻译自 W3C 的 CSSOM View Module，W3C 工作草案 2008年2月22日。在元素 A 上调用 offsetWidth 属性时，必须按以下算法返回结果值：如果元素 A 不具有 CSS 布局盒子，则返回 0，并停止本算法。 以 CSS 像素为单位，返回元素 A 的边框盒子宽度。在元素 A 上调用 offsetHeight 属性时，必须按以下算法

<br />作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。<br />理解 CSS 盒子模型<br />如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。<