作者:

:nth-child 和 :nth-type-of 的区别

原文:The Difference Between :nth-child and :nth-of-type

假设有以下 HTML 代码:

Little Piggy

以下代码得到的效果一样:

p:nth-child(2){color:red;}
p:nth-of-type(2){color:red;}
结果虽然...

HTML5 中 div section article 的区别

刚刚开始接触 HTML5 时,对它的标签很不适应,甚至一度有点反感。尤其是对 div、section、article 这几个标签,实在弄不清楚应该使用在什么场合下。

...

CSS Sprites:鱼翅还是三鹿?

原文:CSS Sprites: Useful Technique, or Potential Nuisance?

译文:CSS Sprites:鱼翅还是三鹿?

无处不在的 CSS sptites - 为数不多的几个可以直接跳过”流行”这个过程,而可以马上并且...

在 Mozilla UI 中书写高效率 CSS

原文地址:Writing Efficient CSS for use in the Mozilla UI

Moziila UI 中书写高效率的 CSS

以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般...

清除浮动新说

随着 IE/Mac 的逝去,以往的 clearfix 需要做一下调整了。这里讨论了新的 clearfix 方法,并对 overflow:hidden 也做了些讨论。有些问题,还需要大家一起讨论一下。

...

Firefox Bug: inline/inline-block的间隙

首先要说明的是,这个标题有点标题党的意思,这个 bug 也存在于 IE8 下,在 IE6 和 IE7 下正常。之前写过两篇关于 IE bug 的文章,这里特意用了 Firefox bug 作为标题,是为了给自己找点心里安慰...

IE bug: 1像素的dotted/dashed边框

最近的一个页面中碰到的,本来想用 border 来模拟设计图的虚线效果,但是很明显 border 效果不如设计图来的好看。顺便研究了下 dashed 和 dotted 的区别。

首先,从字面上来理解,dashed 和...

IE bug: 消失的绝对定位元素

IE 一如既往地带来问题。真的,我觉得 IE 坚持自己的一套无所谓,不支持或者不完全支持标准也无所谓。但是,IE6 IE7 IE8 这三个版本都有各自不同的表现,实在是太让人难受了。

...

CSS背景全攻略

背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachment 等的属性,也会介绍一些有关背景(backg...

关于浮动的前世今生

float显然是使用最广泛的CSS属性之一,基本每个项目中都会用到它。本文将介绍CSS中浮动(float)的一切内容,包括来源、用法、浏览器兼容性及其hack等。

...

纯css的圆角

不用图片,只用css制作圆角的另一方法。

...

IE下img多余5像素空白

嗯,开场先胡扯几句不相关地感言。最近的工作让我有了很多实践的机会,同时也让我收获颇丰。在群里聊天的时候也提到过,所有的学习过程,最好是理论-实践-再理论-再实践。。。...