大家都知道，只要设置Iframe的属性：frameborder="0"，Iframe 就不显示边框，但是当你使用以下方法时似乎这个属性不起作用： js代码 this.frame = document.createElement("iframe");    this.frame.setAttribute("frameborder", "0");     Ifram依然显示边框，这是为什么呢，如果你查看一下DOM Inspector 你会发现在IE下面，DOM里面的属性都是大写的，也就是说上面这段代码，在IE里面最后会变成： < IFRAME f...[阅读全文...]

这几天部门小组在整理页面制作的相关规范，以前大多都是按照自己的个人习惯在进行页面的制作，开发速率高，但是可读性比较差，今天在看了淘宝的WEB标准规范后，感觉的确有值得借鉴和学习的地方，所以在此列出他们的链接，相信还有一部分朋友没有看过。 淘宝的DPL中的许多缩写及命名约定值得借鉴 http://assets.taobaocdn.com/tbra/dpl/common/basic_structure.html （页面基本结构和命名约定） http://assets.taobaocdn.com/tbra/dpl/common/box_demo.html （盒模型，包含常见的标题及更多等） http://assets.taobaocdn.com/tbra/dpl/common/pic_demo.html （图片，比较合理地解决跨浏览器居中问题，*我们对应的视频及图片可以借鉴*） htt...[阅读全文...]

wap1.2版本： 1、抬头： <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_2.1.xml"> <% response.setContentType("text/vnd.wap.wml;charset=UTF-8");%> <% request.setCharacterEncoding("UTF-8");%> <%@ page contentType="text/vnd.wap.wml; charset=GB2312" %> w...[阅读全文...]

来源：http://bbs.blueidea.com/viewthread.php?tid=2636904 4月16日修订的内容： 将quirks模式这一部分单独移动到一篇文章中讲述。 添加：边缘裁切。 添加：收缩包围(shrink-wrapping)现象。 5月17日修订的内容： 重写了了浮动元素旁边的元素这一部分。 部分章节小的修正：属性，有关内联级别元素，CSS hacks。 重新整理了部分章节的语言：定义，数据，问题种种，分析，清除浮动和自动扩展适应高度，绝对定位元素。 On having layout 本文修订中 当前版本：Rev. 7 2006–05–17 http://www.satzansatz.de/cssd/onhavinglayoutrev07-20060517.html 修订历史 ...[阅读全文...]

由于浏览器之间存在兼容性问题，在制作网页的时候，为了使页面能在不同浏览器中显示相对一致或者其他原因，网页制作人员总结了种种 Hack 方法；在解决兼容性问题之前，这些方法还经常会用到。 屏蔽IE浏览器（也就是IE下不显示） CSS:  *:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。  仅IE7与IE5.0可以识别 CSS:  *+html select {…}当面临需要只针对IE7与...[阅读全文...]

　　想要打造并拥有一流的Web产品开发团队，在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说，仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备，特此罗列了Web前端产品工程师所涉及的技能列表如下： 　　通过许多实际项目，个人认为一个完备的前端产品开发团队，必须拥有如下的人才配备，也希望大家补充： 　　◎ 团队全体成员达到所有技能中的a级标准  　　◎ 团队全体成员必须掌握两项技能中的b级标准，并保证所有的b级标准在该团队中有50%以上成员能达到  　　◎ 团队全体成员必须掌握一项技能中的c级标准，并保证所有的c级标准在该团队中有25%以上成员能达到  具体技能描述： 【必备】UserInterface  ◎ Photo...[阅读全文...]

本文链接： document.write(document.location.href); http://5key.net/blog/index.php/2007/11/20/liquid-css-menu/ 昨天群里大家讨论到一个豆瓣上的按钮，下面这个。在这里用到了不同宽度的按钮，但是只是用到了一个图片。 演示地址：http://5key.net/demo/liquid-css-menu/  先来看张图片： 原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代码吧。 下载: liquid-css-menu.html <style>                 ...[阅读全文...]

A. IE6下 margin 设置的间距变双倍(两倍)距离 触发条件： 1、父元素包含子元素 2、子元素设置了浮动（float） 3、子元素设置了外边距（margin） 4、浮动方向和边距方向一致 解决方法： 给子元素设置内联现实（display:inline）[阅读全文...]

屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px  !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/ select:empty {font:12px  !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与IE5.0可以识别 *+html  select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 仅IE7可以识别 *+html  select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 IE6及IE6以下识别 * html  s...[阅读全文...]

这段时间写了很多页面代码，除了一些知识重复以外，也学到css的一些新东西，或许是旧东西，但是还是希望能对大家有用。 其实在css里面有很多对a的样式应用，因为a标签是仅有的默认可以触发动作的标签，因此在很多时候可以用css来控制a达到js才能达到的效果，比如今天要介绍的css仿title和alt的提示效果： 先来分析一下这种效果的特点，无非就是在鼠标悬停的时候出现一个包含介绍文字的提示层，如果用传统的javascript来实现，就要设置对象的onmouseover和onmouseout属性，而如果把对象看作是a属性中的link和hover的话，这个问题就更清晰了，因为只要把对象的link属性设置为隐藏提示层、hover属性设置为呈现提示层即可，那么这个提示层的位置究竟在哪里呢？当然是在a标签中间了，目前常用的办法是把提示内容放在span标签中间进而包含在a标签内部，然后设置a：link...[阅读全文...]