哲

W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，我们告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。 不要担心验证程序的警告——如果验证程序说发现12处错误以及83处警告，不要理它，继续进行下一

IE6在背景图片缓存上有一个bug：它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片，在IE6下会出现每次鼠标滑过则重新向服务器请求图片，如果服务器反应较慢，那么hover效果就会出现短暂的空白，令人极度不爽。虽然可以通过CSS sprites的方式解决问题的，但效果差强人意。

YQL 是雅虎提供的一种类似 SQL 的查询语言，通过它可以把 Web 上的各种数据服务作为数据库表来查询，并获得结果。通过 YQL，开发人员可以用一种统一的方式来查询和使用 Web 上的数据。这对于构建混搭应用（mashup）来说是非常有用的。本文将具体介绍如何使用 YQL 来查询 Web 上的数据服务，以及如何创建开放数据表格来供其他开发人员使用。

#element { background:orange; /* FF4 safari5 */}#element { *background: blue; /* IE7*/}#element { -background: red; /* IE6 */}#element { background: green/0;

快捷导航：在线工具集常用Firefox插件IE下的调试工具参考手册批处理工具IDE及其他工具Bookmarklet前端开发者社区及权威网站推荐订阅的博客和网站另外还搞了个Firefox插件《前端开发工具集》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便。在线工具集书籍类：Book Shelf

转载自：http://www.oschina.net/news/48134/the-best-bootstrap-ui-editors自从 2011 年 Mark Otto 和 Jacob Thornton 开发了 Bootstrap，我们第一次接触并熟知了 Bootstrap 。这些都归功于 Twitter！从那以后，它就非常流行并且成为了最好的响应式框架之一。Bootstrap 帮助开

转载自：http://www.cnblogs.com/rubylouvre/p/4307984.html1. I want to use基于Can I use的数据和功能，这款应用给予你选择一组前端开发特性的能力，并会读取出一个全球性用户能够使用它的百分比。2. RegulexJavaScript正则表达式的可视化工具，在线输入表达式后，动态生成表达式图片。非常不错

转载自：http://www.oschina.net/news/59924/free-bootstrap-templates重点关注SB Admin 2Bootstrap 是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。目前 team.os

转载自：http://www.oschina.net/news/62506/20-best-free-bootstrap-admin-and-frontend-templates-2015管理模板：1. SB Admin 2Details & Download2. Admin LiteDetails & Download3. Director Responsiv

转载自：http://www.open-open.com/lib/view/open1449325854077.htmlH5项目常见问题及注意事项 Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设

http://ued.alipay.com/2010/07/ie-beat-the-holy-canon-css-bug-table/

三谈Iframe自适应高度

页头：header 登录条：loginBar 标志：logo 侧栏：sideBar 广告：banner 导航：nav 子导航：subNav 菜单：menu 子菜单：subMenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：

HTML 4.01 supports the ISO 8859-1 (Latin-1) character set.HTML 4.01支持ISO 8859-1（Latin-1）字符属性。The lower part of ISO-8859-1 (codes from 0-127) is the original 7-BIT ASCII standard. Most of these ch

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义，块级元素div尽量少用，和table一样，嵌套越少越好 　　ol 有序列表。 Example Source Code  …… …… ……  　　表现为： Example Source Code …… 2…… 3…… 　　ul 无序列表，表现为li前面是大圆点而不是1

http://www.88web.org/css-templates/div-css.phphttp://www.hotdesign.com/seybold/chinese/index.html

许许多多的网页新手正徘徊在专业编码的门槛前，而网上的教程参差不齐，鱼龙混杂，很容易让新手迷茫。这里总结了30条网页编码的“秘技”，只要在编码过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。 1. 一定要闭合标签在以往的页面源代码里，经常看到这样的语句： Some text here.  Some new text here.  Y

什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。　　这个时候我们就需要针对不同的浏览器去写不同的CSS

首先明确几点在文中所需要用到的概念：静态定位：position:static（为position属性的默认值）。动态定位：position:relative或position:absolute或position:fixed。祖元素：任意包含该元素的元素。父元素：直接包含该元素的祖元素。同辈元素：拥有共同的父元素的元素。注：这些概念为作者自定义，仅用于本文。

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=471一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点，不会花费过多篇幅详细讲述。这里就简单带过，z-index伴随着层的概念产生的。网页中，层的概念与photos

转载自：http://dancewithnet.com/2009/08/15/data-uri-mhtml/Data URIData URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中：data:[][;base64],MIME-type：指定嵌入数据的MIME。其形式是[typ

转载自：http://blog.youkuaiyun.com/shaerdong/article/details/53208511今天临下班时，同事突然给我甩过来一个链接： http://www.51feibao.com/shougongxiaozhizuo/com.php?act=view&comid=171,然后说我们的网页显示在了别人的网站上了，当时同事十分的生气，说这些人实在是太过