膘叔

在网页中，看到使用CSS的地方，大多数都会有这么一句：

那么，究竟这个media有什么作用呢？通过查下资料了解到：

虽然media有10个值，但我们经常看到的也就print,和screen两种。当然也会有没有media标签的情况，这个时候其实就是默认media="all"。
既然如此，那我们也就相当于了解了，如果你需要打印，那么你在按下打印的时候，系统就会默认调用media="print"所对应的CSS文件了。也因此这样可以让你更好的整理你的打印页面，比如把一些不需要打印的内容屏蔽掉、优化打印页面（让内容更利于被打印）等等

虽然我不是前端，但。。了解一下这些内容还是有点用处的。

Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子：div#page>div.logo+ul#navigation>li*5>a

效果就是：

这玩意是我在PHPRPC群里缘起缘灭推荐的，看了一下，效果还不错。。再去官网看了一下，居然有支持notepad++，很兴奋的下载下来使用了。效果还不错。

如果你一直是在用手写HTML代码而不是用IDE，确实 推荐一下。

上面的演示内容来自：http://coolshell.cn/?p=2406，官网请点击：Zen Coding

 PS：如果你真的不会用，没关系，这里还有一个PDF下载下来看看就行了：zencodingcheatsheet.pdf

说实话，rel在我眼里除了link CSS的时候用过，其他时候我还真没用过。根本不知道REL是用来干嘛 的。看了这篇文章才知道原来Rel还可以这么用。

原文是张经纬写的，他这么写道：

Rel-License 是微格式的开发标准之一，简单的说就是通过给引用标签（通常是链接）加上REL属性，来标明所引用链接/数据与文章的关系。

Wordpress很早就引入了rel标准，在我们添加新链接的时候就可以看到“关系”属性。

早期某些社交类搜索引擎可根据这个标签来判断人与人之间的关系，但它对网页开发来说并无意义，值得庆幸的是随着浏览器的逐渐升级，我们可以利用 CSS属性选择器以及REL来做一些有意思的功能。

这是一段带有REL属性的HTML结构。

页面中他呈现这个样子

因为局长和小李是两个不同的阶级，所以我们应该有区分他们，我打算在小李和局长后面增加两张图片让他表现出这个样式。

过去，我们需要在两个链接标签上增加不同的class来实现这种样式，并且我们需要针对不同的样式书写不同的CSS

--EOF--

最后一句话实在让人寒心，不过总算也可以这样的做了，再过一两年，还有IE6的存在吗？IE6的时间够长了吧？好象从02年开始到现在，都经历了8年左右的时间了，居然还没有被消亡。习惯这东西真害人。。。。

原文地址为：rel与CSS的联合使用，不过其实我更喜欢第二幅图后面的小图标

我对CSS的了解少之又少，还好公司有美工，非常精通这些。但偶尔在自己写的时候可就没有人帮助了。所以，看到点资料，都会想着记下来。。

想来司徒正美的英文比我好多了，他还能经常去国外的网站，我就不行。。。

以下就来自他的博客了：

逛mootools核心成员Thomas Aylott的 博客看到，不过有点标题党了，实际效果并没有那么灵光，只是定义四个类，分别用来固定视口的上下左右。很遗憾，它无法解决与 top,bottom,left,right并用的问题（见例子）。它利用到IE8已经废弃的expression来计算页面的大小，从而固定我们想固定 的元素。里面用到一技巧，就是给html或body元素添加一张背景图片，并设置background-attachment:fixed，用于强制在页 面重绘之前执行CSS，也就是执行它里面的expression。另，我们也不需要一张真的图片，我们给它一个about:blank命令就可以，就像平 时对付链接一样，仅仅就是想要一个hover效果非得塞给它一个href。

原文来自于：http://www.cnblogs.com/rubylouvre/archive/2009/11/14/1603113.html

真的从来没有想过，CSS也能够让浏览器崩溃，看到本文的时候，说老实话是吃了一惊。好意外啊。
在测试了几个链接后才发现，现实是残酷的。。让我们看原文吧。

严格来说不单是CSS就能令IE浏览器崩溃(crash)，而要配合相应的XHTML架构。到现时为止发现有两种正常写法及一种错误结构分别导致会 IE6、IE7崩溃(crash)，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享

更多请看详细内容

» 阅读全文