之前在介绍HTML5的placeholder属性时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看，CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。

YouTube上的字幕和视频是独立的，没有合成到一起，所以，下载下来的视频是不含字幕的。这当然不行的，英语无字幕的视频估计没有几个人会喜欢。那么，如何能把字幕也下载下来呢？

Web程序员最头疼的一个事情就是要记住很多不好记的东西。在CSS里，有很多属性都有组合写法和简写，比如Margin这个属性的组合写法是将margin-top,margin-left,margin-right,margin-bottom是个属性组合使用。而简写是将四种属性合并到一起，变成 margin：1px 2px 3px 4px。虽然很简练，但你需要记住这四个值分别是什么意思。

PHP里面有一个非常强大的函数库，它们的目的就是让你安全的从远程网站上取回内容。这些函数被称作CURL。现在，你不要被CURL官方页面上大量的东西吓阻，它实际上非常的简单。

在各种技术论坛里经常会有这样的问题提出，“我如何能将这个东西竖向居中？”这个问题通常会跟随着这样一句话，“我使用了 vertical-align:middle，但是不管用！ ”这个问题其实有三个层面的原因

目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些，实际上还有很多CSS新属性并未包含进CSS3官方标准中，像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属性就是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。

CSS渐变色(Gradients)也是一个类似的技术。现在火狐，谷歌浏览器，Safari，IE8+都支持这种技术，我们可以安全的在网站上使用它。下面我们来看看CSS渐变色(Gradients)技术基本的语法，浏览器支持情况和缺陷。

CSS3圆角技术能非常好的美化你的页面效果，而且避免了使用图片辅助，一则省去了制作图片的时间，二则省去了浏览器加载图片造成的延迟和带宽。如今，这种利用CSS制作圆角的技术已经得到了大多数主流浏览器的支持，包括Safari，谷歌浏览器，IE，Opera和火狐浏览器。

当你在人群中谈论到“HTML5”，你也许会感觉到，自己像一位异域舞者或独角兽，来到屋子中间，带有明显的“我很酷，我知道它”的意味。这不能说我们虚荣，多少年来，基本的HTML API一直没有任何发展。尽管新式的浏览器中实现了很多HTML5特征，但大部分程序员仍对一些小的、非常有用的API不了解或从未听说。本文中我将介绍一些这样的API，并欢迎大家发掘出更多不为人知的HTML5 API！

估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。让我们来看一下window.postMessage是如何工作的

喜欢使用jQuery的朋友应该知道jQuery里也有相应的$.data()方法，没错，HTML5里的这个原生的dataset就是来替代它的，如果你的页面只需要简单的操作data-*自定义属性，就不需要引入这些体积越来越多的jQuery工具库了，不是吗？

在JavaScript和JavaScript工具库里征战多年，我经常有这样的遐想：什么时候现代浏览器里能提供一些辅助方法和类库，替代那些JavaScript工具库，比如jQuery，让我们用浏览器原生的方法替代它们。我知道浏览器必定会向这个方向改进，但这个进化过程不会很迅速，而且各种浏览器需要共同做这样的革新，火狐浏览器、谷歌浏览器、特别是IE，

我喜欢到一些大型网站上去翻阅它们的原代码，期望能找到一些可以应用到自己的代码中的模式，或发现一些之前从未听说过的工具和技巧。可是，在我查看这些大型网站的源代码时，经常会发现一个问题，那就是重复的代码执行，重复的功能应用。

起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。

进入2014年后，我们这些Web开发者开始慢慢发现需要面对一种困难，就是传统的JavaScript技术开始失效。很多年来我们一直依赖的那些JavaScript技巧技术，在如今CSS3兴起的情况下，很多的特效被浏览器内置的CSS功能替代。以前我们一直需要的一个功能——JS动画中结束时会触发回调函数——现在改用CSS动画后，如何触发这些回调动作？

在一个移动信息化和本地化同时存在是世界里，HTML5就成了这两种平台之间的桥梁。HTML5是开发多功能网站和Web应用的未来技术选择。你的编程技术是跟未来软件开发趋势同向而行吗？测一测你的HTML5和CSS3知识有多少，看看你能得多少分。

最近我想修改一下这个网站，我想在上面放置一个提示框。这是很容易，但我想让提示框上有一个三角形的箭头。可是，一想到这需要使用图片，并且各种颜色，各种方向的箭头要准备无数种，这几乎是一种灾难。幸运的是，MooTools的核心开发着Darren Waddell告诉了我一个非常棒的技术：用CSS绘制三角形箭头。

随着老式浏览器(IE6，IE8)的逐渐淘汰，现代浏览器(火狐浏览器，谷歌浏览器，Opera，Safari)走向主流，越来越多的HTML5和CSS3技术开始出现在各种网站上。这些最新的网页技术究竟能给我们今后的浏览带来什么样的改变？下面的这是10个HTML5画布(canvas)技术效果演示一定会让你惊叹不已。

span的三个属性是：1、span不会单独的占有一行；2、span是行内元素，设置宽高不起作用；3、span设置上下内外边距不起作用。

使用css对页面进行控制主要有四种方法，分别是：1、行内样式；2、内嵌样式；3、链接式；4、导入式。其中行内样式是最为直接的一种，它是直接写在HTML的标记中的。

SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。 python的smtplib提供……

什么是CGI CGI 目前由NCSA维护，NCSA定义CGI如下： CGI(Common Gateway Interface),通用网关接口,它是一段程序,运行在服务器上如：HTTP服务器，提供同客户端H……

Python 条件语句是通过一条或多条语句的执行结果（True 或者 False）来决定执行的代码块。 可以通过下图来简单了解条件语句的执行过程: 代码执行过程： if……

集合（set）是一个无序的不重复元素序列。 可以使用大括号 { } 或者 set() 函数创建集合，注意：创建一个空集合必须用 set() 而不是 { }，因为 { } 是用来创建……