CSS高级教程意在发挥CSS的极限，然而这些醒目的方法对中级用户的效果并不是马上就显现出来的。
现在，可能显得有些烦琐，我们来学习替换样式表，设置打印样式等等。
处理HTML元素最关键的一个窍门，没有任何特别的，就是理解他们是如何工作的。大部分页面都可以使用一点点的标签组合起来，你可以为每一个你选定的标签样式化。浏览器默认的可视化样式元素由变化的字体样式、边界、补白和，和重要的，显示类型。
最基本的显示类型是内联inline、块block和清除none，他们分别可以用inline、block和none的值赋予display属性来操作。
inline就如本身语义所明示的，显示随着行流动的元素。锚和强调元素都是传统的内联元素。
block使元素前后都有断行。标题和段落元素都是传统的块元素的例子。
none，嗯，不显示这个元素，听起来毫无用处，但于易用性考虑（请看亲和连接），改变样式表，或者高级的翻转效果都有很好的用途。
比如这个站点的默认原始版本，通过操纵一些传统的内联和块元素来适应设计。
h1 {
display: inline;
font-size: 2em;
}
#header p {
display: inline;
font-size: 0.9em;
padding-left: 2em;
}
这使得“htmldog.com”的标题和标签行可以并排，而不是一上一下，维护最优的易用性。
#navigation, #seeAlso, #comments, #standards {
display: none;
}
上述代码使用在打印样式中，用于“关闭”这些元素，比如，对于一个单一的页面导航通常是不必须的。
注意
display: none和visibility: hidden不同之处在于display: none使元素完全是个死球，然而visibility: hidden虽不出现在内容中但保留着这个元素的流位置。比如，如果三段中的第二端设为display: none，第一段会直接到达第三段，而设为visibility: hidden的话，这个段落会有一个间隔。
表格
也许理解表格相关的显示属性值的最好方法是关心HTML表格。table是初始化的显示，你可以用tr和td分别摹拟table-row和table-cell值。
display属性走得更远，提供table-column、table-row-group、table-column-group、table-header-group、table-footer-group和table-caption的值， 都是自描述的。这些值显而易见的好处是，你可以用列来构造表格，代替有偏见的row。
第 1 2 页
