来自：更新·生活
出现这种情况的前提条件是：
1、你使用的IE6.0或更低版本的浏览器；
2、你使用了“Verdana”这种英文字体；
3、你需要水平排列列表项（例如用来做横向导航菜单的时候）；
4、你需要设置该列表项的字体大小；
5、你的其中一个列表项包含英文或阿拉伯数字（都包含英文时，这个问题不存在）
看起来似乎约束条件很多，但是一旦偶尔碰到了会是一件让喜欢追求完美的你很头大的事情……
我来举一个具体点的例子，例如以下代码：
Read the rest of this entry »
如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。
它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型而且复杂的CSS文件，或有很多CSS文件组成的，可能产生冲突。
选择器一样的情况下后面的会覆盖前面的属性。比如：
p { color: red; }
p { color: blue; }
p元素的元素将是蓝色，因为遵循后面的规则。
然而，你不可能经常用相同的选择器冲突达到目的，当你使用嵌套选择器，合理的冲突来了。比如：
div p { color: red; }
p { color: blue; }
伪元素吸附在选择上和pseudo classes伪类很像，像这样selector:pseudoelement{property: value;}。有四种方式。
First letters and First lines 首字母和首行
first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶行。你可以，例如为段落创建一个drop caps和首行加粗。
p:first-letter {
font-size: 3em;
float: left;
}
p:first-line {
font-weight: bold;
}
Before and after 前后
Read the rest of this entry »
At-rules分装不同的CSS规则，应用在特定场合。
Importing
import@规则引用另外的样式。例如，如果你想添加另外样式到现在的样式，可以这样：
@import url(addonstyles.css);
这很像使用link元素连接CSS到HTML，本质上说有一个内容样式像下面：
<style type="text/css" media="all">@import url(monkey.css);</style>
这是为了照顾老版本浏览器，比如Netscape4不支持@规则所以不能链接样式表，已经构建好标签的HTML页面会失去样式表提供的功能。
Read the rest of this entry »
使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。
你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。
Positioning 定位
positon属性可以指定元素为absolute,relative,static或是fixed。
static是元素默认属性，按HTML出现的先后顺序。
relative比较像static，但元素可以使用top,right,bottom和left设定初始属性。
absolute把元素从HTML里面拉出，一切由它自己决定，在这里，绝对定位元素可以使用top,right,bottom,left定位在任何地方。
fixed行为像absolute，但它绝对定位的元素参照浏览器窗口与网页没有关系。所以，理论上，fixed元素可以固定在屏幕上当页面滚动时。为什么说是理论上的？因为IE7以下的浏览器不支持。
Read the rest of this entry »
操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成，本质上是显示类型。
display属性基本上分为inline,block,和none。
inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认是行。
block元素前后换行。标题和段落元素是块元素。
none，意思不显示元素，在可用性上可以实现漂亮的效果，交替样式或hover效果的高级运用。
Read the rest of this entry »
背景图片Background Images有许多属性可以操作。
幸运的是，可以使用background处理所有：
body {
background: white url(http://www.htmldog.com/images/bg.gif) no-repeat top right;
}
上面合并了下面属性：
Read the rest of this entry »
一些CSS属性允许使用一串值代替许多属性，值使用空格分开。
margin,pdding和border-width允许合并 margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。
所以下面的：
p {
border-top-width: 1px;
border-right-width: 5px;
border-bottom-width: 10px;
border-left-width: 20px;
}
