首先，要有一个概念：凡是 table 布局可以实现的，CSS 一定可以实现。CSS 可以实现的，table 未必能做到。 现在来几个例子： 一、单行内容的居中 只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，再加上 over-flow: hidden 就可以了 .middle-demo-1{ height: 4em; line-height: 4em; overflow: hidden; } 优点： 1. 同时支持块级和内联极元素 2. 支持所有浏览器 缺点： 1. 只能显示一行 2. IE中不支持等的居中 要注意的是： 1. 使用相对高度定义你的 height 和 line-height 2. 不想毁了你的布局的话，overflow: hidden 一定要 为什么？ 请比较以下两个例子：

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

阅读全文...

关联选择符
关联选择符是一个用空格隔开的两个或更多的单一选择符组成的符咒. 这些选择符可以指定一般属性, 因为层叠顺序的规则, 它们的优先权比单一的选择符大

例:

body p{background:yellow;}说明body下所有p标签的背景为黄色

p em{background:yellow;}说明p下强调文本的背景为黄色

阅读全文...