HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。 事实上，HTML5并没有对HTML4做什么重大的修改，它们很多东西都是相似的。 可是，其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部，全部列出来是不可能的)： 1. HTML5标准还在制定中 这头一个不同之处显而易见，但非常重要，我需要先从它开始。也许你已经注意到了关于HTML5很酷的言论到处都是，但是事实情况是，HTML5是一个还未完成的标准。HTML4已经有10岁了，但它仍是当前正式的标准的事实没有改变。…
在IE下，我们用innerText属性来获取节点文本，但FF中没有innerText，而提供了一个功能类似的属性textContent，用久了，感觉innerText和textContent是等效的，今天在网上看了一篇比较它们的文章，转过来： 通过在IE下的结果可以发现，innerText是需要对innerHTML的值进行HTML转义(比如对 、&等转义字符进行处理)，经过HTML和CSS样式的解释(比如会把br换成换行符，会将多个空格合并为一个空格，然而原本是换行符的却不会引起换行，IE下会将其当作单词边界处理)，最后剔除格式信息之后而留下的纯文本内容。 而相对比FF中的textContent则没有经过HTML解释和剔除格式信息，而是经过HTML转义后直接剔除所有html标签后得到的纯文本。它也不会对innerHTML中的文本按照HTML的方式进行格式转换，比如多个空格还会原原本本地保留，不会合并为一个空格，换行符仍然存在(可以注意上图中红色框处，显示是一个换行存在的)；相反…
<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>常用颜色的RGB值及中英文名称-Mzwu.Com</title> <style type="text/css"> <!-- td { font-size: 12px;…
一个div加css即可完成上边的效果： 相比之下，用table来实现同样的效果则麻烦许多。div+css的优势不仅是让页面更简洁、更直观、可维护，而且还大大简化了页面制作过程，页面制作人员更轻松了。
这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。 性能差异： 【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。 【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。 兼容性差异： 兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在win、win7、vista 的XP主题下均会出现此情况。…
如图所示，在IE6.0下PNG会有一个灰色的背景，但Firefox、Opera显示都是正常的，其原因是Microsoft的IE6.0(IE7已经支持)以下没有把PNG的Alpha 通道打开，造成透明PNG图片的效果出不来。解决方法是使用css滤镜：
HTML文档与CSS的关联常见有4种方式： 1.使用link标记 2.使用style元素 3.使用@import指令 4.使用style属性的内联样式(inline style) 在实际应用中，使用style属性的内联样式是不推荐使用的，XHTML1.1已经将其标准为不建议使用，原因很简单这种方式不比font标记强多少，削弱了CSS集中控制整个文档外观的优点。前3种方式利用了link标记和style标记，在IE(包括IE6、IE7和IE8 beta1)中有如下限制： 1.文档中只有前31个link或style标记关联的CSS能够应用。 从第32个开始，其标记关联的CSS都将失效。IE的官方文档All style tags after the first 30 style tags on an HTML page are not applied in Internet Explorer也提及这个限制，包括在使用.xsl的.xml文件也有这个限制。但是似乎写错了数量。…
广告商那边提供了一些swf素材让我们制作广告代码，在代码中点击swf时需打开一个页面，由于广告商未提供fla格式文件，我们只能想办法在页面代码中给swf添加链接，最开始想到的是在swf外添加一个： 结果链接并不起作用，应该是swf在浏览器中具有很高的优先级，页面中的元素都被遮挡住了。Google了下，据说将改为有用，测试了下： 在IE6、IE7、IE8、FF3.0、Opera9.6、Chrome2.0下均能打开链接，但在IE8、Opera9.6、Chrome2.0中显示有些问题： 修改了下button的padding属性，IE8、Opera9.6、Chrome2.0显示总算正常了： 美中不足的是页面上点击swf时会有个下沉的动作，有人建议禁用button，在button外再加个链接：…
同一WAP站，使用nokia、motorola、Opera访问均正常，但K750c却老是出错，提示：所访问的页面出错 请选择另一链接。页面代码如下： 最终修改如下： 把页面内容放在和 之间即可，真是奇怪的问题。 ------------------------------------------------ 2010-03-24补充：当页面中使用了form、span、div标签时，也是单独在k750上测试出错。
很久之前就知道 宜家 ，以前在广州的时候也去过一次，给我的印象就是：大、贵、巧。地方很大，东西很贵，设计很巧。现在住的地方离宜家不远，这个月找时间去逛了下，地方还是那么大，东西还是那么贵，设计还是那么的巧。虽然没有买什么东西，不过也还是有所收获的，通过宜家的家具设计方法，我们可以聊聊模块化。 去过宜家的同学应该都有注意到，宜家的家具基本都是组合的，可拆装。模块化的特点也是这样，可以组合，相对独立，在需要的时候可以很方便的加上。那怎么写可以基本实现这种方式呢？给个简单的例子： 对应的CSS可以这么写： 其中“mode-a”就是这个模块的名称，表示这是名为“a”的模块，现在这个模块可以被放到你所需要的地方。既然是做模块，就不会只有一个，我们再加一个“mode-b”：…