今天开始动工我的新网站 CutHTML.com 了，制作前要找我的Reset CSS，但是找不到了，想想干脆用雅虎的吧，就去把雅虎YUI的Reset放到博客上，顺便说说什么是Reset CSS

CSS Reset是指重设浏览器的样式。
不同的浏览器默认的样式可能不近相同，所有开发时的第一件事可能就是如果把他们统一。
总结与编写出，适合自己工作与学习的CSS Reset代码。

这是雅虎YUI提出的重置浏览器的 Reset CSS

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img {
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}
ol,ul {
 list-style:none;
}
caption,th {
 text-align:left;
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}
q:before,q:after {
 content:'';
}
abbr,acronym { border:0;
}

More »

HTML基本思维概念形成于2003年，之后W3C对页面超文本应用技术工作小组（WHATWG）开发的HTML草图颇感兴趣，这个小组的开发人员均来自Apple ，Mozilla，和Opera。2007年W3C工作小组正式成立，主要进行HTML 5规格进行开发。目前开发仍在进行中，有望在2012年发布。

HTML 5旨在改进HTML的协同工作能力，增加了急需的页面内容描述。它还增加了HTML 4对页面程序所缺乏的特性。在本文中，让我们来看看HTML 5将会为我们带来什么激动人心的新特性。

1.新的HTML元素，增强描述内容的能力

HTML的主任务是描述页面的架构，例如在<p></p>元素之间的文本内容，HTML将告诉浏览器这些文本是一个段落。

在HTML 5中将增加更多的HTML组件，给网页开发者提供更好的，更精确的方式来描述数据对象。请看以下的对比情况：

该布局的问题是，对于浏览器来说，所有的一切都是一个<div>元素。浏览器将平等对待<div>元素里面的内容，因为他无法进行区分，包括“级别”和“标识”，比如content, sidebar,和footer不同的网站内容各不相同。

More »

今天奇亚在逛的时候又发现了一些好东西，对CSS3早有耳闻，也到W3网站上看过。对CSS3我还是很期待的。
CSS3提供了非常多新途径去改善你的设计工作，且做了不少重要的变化。CSS3语言开发是朝着模块化发展的。 以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：

• 盒子模型
• 列表模块
• 超连结方式
• 语言模块
• 背景和边框
• 文字特效
• 多栏布局

　　几个模块现已完成，包括的SVG （可扩展矢量图形） ，媒介资源类型（Media Queries）和命名，而其他的模块开发工作则仍在进行中。如果要给出一个预定的日期的话，非常困难，不管怎样，web浏览器将全面支持CSS3的各种新特点，一些新的探索已经开始了。针对不同浏览器，新的功能是逐渐应用的，仍然需要1-2年的时间，每一个新的模块才有可能被广泛应用。

以下列出CSS3新的特性。

/* Columnas */
DIV {
	width: 400px;
	column-count: 4;
	column-width: 100px;
	column-gap: 10px
	column-rule: none;
}

/* Multi-background */
.multi {
	background: url('http://www.joostdevalk.nl/images/body-top.gif')
	top left no-repeat,
	url('http://www.joostdevalk.nl/images/banner_fresco.jpg')
	top 11px no-repeat,
	url('http://www.joostdevalk.nl/images/body-bottom.gif')
	bottom left no-repeat,
	url('http://www.joostdevalk.nl/images/body-middle.gif')
	left repeat-y;
}
 More »

IE：
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]

Firefox：
-moz-opacity:sqlN
其中sqlN的值域为[0, 1]

Chrome和Safari：
opacity:sqlN
其中sqlN的值域为[0, 1]

UPDATE

Apr 26

对于Firefox来说，用opacity就能完成透明化设置了，所以上面的-moz-opacity参考一下。
还有请注意，上面的属性会将元素内的所有内容都透明化，包括文字与图片，所以如果想要背景半透明的话，目前推荐的方法是用PNG图片做背景。
一般不考虑IE6兼容性，如果要考虑IE6的兼容性请在网上搜索PNG JS，会有一些javascript能够优化IE6下的PNG半透明，在我的QQ空间中也有相关的代码。这里不阐述了

[singlepic id=4 w=320 h=240 float=]

下载(从raincss转载)

http://code.google.com/p/jquery-api-zh-cn/downloads/list

[singlepic id=3 w=320 h=240 float=]

安装方法，用Adobe Extension Manager CS4引入

关于一些浏览器的的Hack，我怎么老是忘，每次都要查，实在是郁闷

现在，就几句话我要写清楚！我只写关于 IE6, IE7 的hack

至于Chrome, Safari, Opera那些我就先不写了，毕竟那些出错是有点麻烦，目前也不是主流浏览器。那至于IE8，刚刚正式发布不久，从目前情况来看，显示效果和FF3好像还没发现不同，IE8以后再说了。如果你看到此文章时已经有发现问题的话，可以和我留言，我们共同研究。

1、只有IE6 和 IE7 有效的hack:

.abc{width:100px; *width:50px;} /*IE6与IE7将体现 width:50px*/

(这一条在我以前学习的教程中说是IE7特有的hack，但是我今天试验后，IE6也被影响到)

2、下面是 IE6, IE7 与 IE8, FF 的hack（其实可以和第一条放在一起）
就如我的感觉，使用IE8那么多天以来，页面显示方面更偏向于FF，而非传统的IE系列，这个原来是对付IE系列与FF系列的hack现在已经成了 IE系列与IE8和FF的hack了，呵呵，说实话，对于IE8的“叛徒”举动，我非常赞成，以后可以少很多工作量了。

.abc{width:100px; +width:50px;} /*IE6与IE7将体现 width:50px*/

3、只有IE6有效的hack

.abc{width:100px; _width:50px;} /*IE6将体现 width:50px*/

或者

.abc{ width:50px!important;      width:0;}  /*有important的必须在前面，ie6为0*/

More »