如今的网页代码，一般由三个部分组成：
* HTML，语义层，提供网页的内容。
* CSS，表现层，规定网页的外观。
* Javascript，动作层，定义用户与网页的互动。
理想的开发环境，应该既可以分别调试这三种代码，又可以轻松查看它们合并在一起的整体效果。
浏览器是最合适的效果查看工具，所以很多人想到，代码调试环境也可以直接部署在浏览器中，以网站的形式提供服务。
下面，我根据Design Shack的文章，总结一下目前最常见的6种网页开发在线调试环境。它们大大方便了网页设计师的工作，极大地提供了工作效率。
一、CSSDesk
网址：http://cssdesk.com/ （需翻墙）
这个网站是最早出现的在线调试环境之一，主要用于调试CSS。 阅读全文…
【辨识符号】：「9」
【范例练习】：
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:red 9; /*IE6、IE7、IE8背景变红色*/
}
^[\w\u4E00-\u9FA5\uF900-\uFA2D]*$
1、一个正则表达式，只含有汉字、数字、字母、下划线不能以下划线开头和结尾：
^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$ 其中：
^ 与字符串开始的地方匹配
(?!_) 不能以_开头
(?!.*?_$) 不能以_结尾
[a-zA-Z0-9_\u4e00-\u9fa5]+ 至少一个汉字、数字、字母、下划线
$ 与字符串结束的地方匹配
放在程序里前面加@，否则需要\\进行转义 @”^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$”
（或者：@”^(?!_)\w*(?<!_)$” 或者 @” ^[\u4E00-\u9FA50-9a-zA-Z_]+$ “ ) 阅读全文…
Alternate — 定义交替出现的链接示例
定义两种不同的样式,用户可以通过浏览器选择样式(ie不支持此属性)
<linkrel="stylesheet"type="text/css"title="blue"href="dreamdublue.css"/><linkrel="alternate stylesheet"type="text/css"title="red"href="dreamdured.css"/>
可以通过http://www.dreamdu.com/feed/读取http://www.dreamdu.com/的内容 阅读全文…
