XeonWell Studio

CSS2 Help Sheet, 来自 gosquared.com, CSS2备忘表单

Html5 Visual Cheat Sheet, 来自woorkup.com, Html5备忘单, html5元素参考

Html5 Cheat Sheet, 来自veign, html5备忘单, html5标签快速参考

RGBa是CSS里的函数之一,用来申明一个带透明度的颜色值. CSS3.0参考手册如是说:

RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数，取值在0~1之间，不可为负值。

以下表格反应了各主流浏览器对RGBa函数的支持情况


/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


几个CSS Reset以及一个收集贴
Eric Meyer CSS Reset
YUI Reset
CSS Mini Reset
A Killer Collection of Global CSS Reset Styles

原文地址: http://www.happinesz.cn/archives/1331/
人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。

原文地址: http://ued.koubei.com/?p=928
HTML是万维网上发布超文本的通用语言[1]。从1982年Tim Berners-Lee简化SGML建立HTML的原始定义到2001年发布XHTML1.1规范，HTML成为了有多个版本的国际标准[2]。各版本的规范都用一种机器可读的语言定义，它描述了法定结构、元素和属性，这就是文档类型定义（Document Type Definition），简称DTD.

Html5 Canvas Cheat Sheet v1.1, Html5 Canvas元素备忘单, 包含canvas的属性和方法.

XHtml Cheat Sheet v1.03 XHtml备忘单, 记录备忘

(X)HTML文档在申明doctype为strict之后, 需要注意的嵌套规则.

使用ie访问一些网站,经常会在图片上出现一个工具栏,极其破坏感觉,以前我是用js脚本给图片添加galleryImg属性:img.galleryImg = false | no;今天闲逛,看到了这个方法
<meta http-equiv="imagetoolbar" content="no" />
使用该标签可以禁止所有图片上的工具栏.方便且效率多了.
当然,个别图片上允许出现,我们还是可以通过设置单个图片的galleryimg属性来控制.

基本例子：

<!--[if IE]>仅IE可见<![endif]-->
<!--[if IE 5.0]>仅IE 5.0可见<![endif]-->

参数属性：

gt : greater than，选择条件版本以上版本，不包含条件版本
lt : less than，选择条件版本以下版本，不包含条件版本
gte : greater than or equal，选择条件版本以上版本，包含条件版本
lte : less than or equal，选择条件版本以下版本，包含条件版本
! : 选择条件版本以外所有版本，无论高低
<!--[if gt IE 5.0]>仅IE 5.0以上可见<![endif]-->
<!--[if lt IE 5.0]>仅IE 5.0以下可见<![endif]-->
<!--[if gte IE 5.0]>IE 5.0及以上可见<![endif]-->
<!--[if lte IE 5.0]>IE 5.0及以下可见<![endif]-->
<!--[if lte IE 5.0]>非IE 5.0可见<![endif]-->
<!--[if lt IE 5]>仅IE 5.0和IE5.5可见<![endif]-->

我们在页面中使用小字体时(11px和10px), 如果使用宋体, 会很不清晰, 所幸的是, 前辈们已经指点了迷津, 譬如日文字体Mingliu和PMingliu可以清晰显示11px的中文, 所以我们定义如下两个class, 在需要的地方, 直接element的class属性中加入下面的classname.
.font11 { font-size:11px; font-family:Mingliu,PMingliu;}
.font10 { font-size:10px; font-family:MS UI Gothicu}

/***** Selector Hacks ******/
/* IE6 and below */
* html #uno { color: red }
/* IE7 */
*:first-child+html #dos { color: red }
/* IE7, FF, Saf, Opera */
html>body #tres { color: red }

ul { list-style-type:none; }
html>body ul.ellipsis ul{
clear:both;
list-style:none;
}

table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell; }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }

此文章指向了一个外部链接

更加全面地用Google搜索的最好方式是点击高级搜索。
它可以让你搜索更加精准的词组，“所有词组”或者是适当的搜索框里输入词组的某一个特定关键词。
在高级搜索里你依然可以自定义在一张页面上展示多少个搜索结果，你所寻找的信息语言和文件格式。
“搜索以下网站或网域”可以让你通过输入一个顶级域名（如.co.uk）来限定搜索结果。
你也可以点击“日期、使用权限、数字范围和更多”的链接以获取更高级的功能。

以下代码在safari,chrome,firefox下测试通过
/*Round Corners*/
.roundedCorners {
border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}