原文：http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

或许你已经学过了ID, 类选择器，后代选择器这些基本的选择器就满足于现状，实际上这些远不是CSS的全部，如果仅限于此你将失去很大程度的自由度。本文将向你介绍一些常用的 CSS 选择器方法，其中有一些是 CSS3 选择器，只有比较新的浏览器才支持（附带了浏览器的支持情况）。

1. * 通用选择器

* {
margin: 0;

padding: 0;

}

在说其他高级的选择器之前我们先来回顾一下最基本的选择器。此星号将选择当前页面内所有标签，相信很多人都使用过这招来清空浏览器默认的 margin 和 padding。如果是在测试的时候，用这招当然没什么问题，但是在正式的产品中尽量不要这样用，据说它会大大加重浏览器的负担，而且也没必要清空所有标签的 margin 和 padding。

* 同样可以作为子选择器使用：

#container * {

border: 1px solid black;

}

以上代码将为 ID 为 container 容器内所有标签加上一个像素宽的黑色实线边框。

再次强调，如果可能的话尽量别多用这个选择器。

查看演示

兼容性

IE6+

Firefox

Chrome

Safari

Opera

阅读全文…

日前，Khronos Group公司发布了WebGL 1.0的规范，为开发者带来能与HTML5浏览器兼容的3D硬件图像加速性能。

据Khronos Group所称，WebGL定义了与OpenGL ES 2.0绑定的JavaScript脚本，为任何采用OpenGL或OpenGL ES API的浏览器平台带来丰富的3D图像效果。游戏邦获悉，WebGL充分利用了OpenGL ES 2.0与台式电脑、手机及嵌入式设备平台的强大兼容性优势。

该公司认为，这种技术支持网页内容开发者直接在Javascript基础上获得OpenGL级别的图像性能，将3D与其他HTML内容融合为一体，可以为网页游戏，教育和其他应用带来一轮创新浪潮，为用户带来视觉丰富的用户界面，以及快乐、直观的用户体验。

阅读全文…