有时候，某些文本处理在Web上变得非常普遍。例如，活版文本、悬停模糊文本、凸出的（伪3D）文本等等。这些效果通常是由精心打造的文本阴影的效果、还有我们眼睛的工作原理来组合而成的，很多在一定程度上都是基于视觉错位的。一旦你知道这些效果涉及到的技巧，你就会发现这其实是很容易完成的，但是通过开发工具来逆向工程却总是不那么容易的。本节就是要创建这样的效果，这样你就不会再疑惑说，“这样的效果到底是怎么完成的？”

设计师是很挑剔的一群人。我们总是很喜欢自定义一些东西，然后精心设计一番，使得它们和我们想要的视觉效果非常相近，让我们的设计更直观也更易于使用。毕竟，默认的东西很少有我们觉得不错的。文本下划线就是我们非常喜欢去自定义的东西之一。尽管默认的用起来不错，可是给人一种干扰的感觉，况且它在每一个浏览器中渲染的结果都不一样。尽管文本下划线从web开始普及以来，一直伴随着我们，我们从来没有真正找到更多自定义它们的方式。

几个漂亮的&符号，在大多数电脑上都有；从左到右分别是：Baskerville, Goudy Old Style, Garamond, Palatino（全部都是斜体）。你会在印刷文献中发现很多有不显眼的&符号。设计良好的&符号是非常优雅的，其它的符号都很少能像它这样。整个网站都在致力于寻找有最好看&符号的字体。但是，拥有最好看&符号的字体，却往往不是那个你希望应用于其它文本的字体。毕竟，真正漂亮和优雅的标题效果，总是一个好的无衬线字体和一个漂亮而且复杂的衬线符号的结合。

和人一样，不是所有的字形放在一起的时候都可以显得很自然。例如，对于大多数衬线字体的f和i而言。字母i上边的小点经常和f中的横线重叠，使得它们的组合看起来非常笨拙。

代码量重的网页，如文档或教程，在样式方面具有较多挑战。<pre>和<code>元素是我们用来显示代码块的，在用户代理端有一些默认的样式,但是，这难以满足所有代码的展示要求。其中最大的问题是，虽然tab是理想的缩进代码的方式，它们在Web上经常被避免使用，因为浏览器是用八个字符的宽度来展示它们的。

在CSS中实现斑马条纹表格已不是什么新技术了，众所周之使用CSS3的伪类选择器就能轻松实现。但要实现文本的斑纹效果，并不是一件易事，那么这样的效果要怎么实现呢？这篇文章告诉你一种黑魔法，能轻松实现需要的效果。

很多时候需要通过CSS插入换行符的情况，通常出现在list列表定义中,在其它的情况中也有。很多时候我们使用定义列表，是因为我们想要使用恰当的、语义标记，甚至当我们视觉上想要的只是几行name/value对，而我们通常的做法都是使用<br>之类，那么在CSS中能添加类似<br/>功能吗？感兴趣的欢迎继续阅读全文。

设计师都喜欢搞文本对齐。在一些令人惊叹的杂志或书籍设计中，文本对齐随处可见。然而，在Web上，对齐却很少使用，甚至是熟练的设计师也很少用。

为元素的一个角落添加样式，让它看起来像是折起来的（通常是右上角或是左下角），有不同程度的逼真效果，是这几年来一个非常受欢迎的效果。近来，有几个纯CSS的解决方案，第一个是在2010年的时候由伪元素大师——Nicolas Gallagher发布的。它们通常是通过添加两个三角形在左上角：一个用于翻页，一个用于模糊主元素的角。这些三角形通常是通过旧的border技巧来创建的。

半透明颜色的一种应用是，使用它们作为背景。在照片或者颜色比较复杂的背景下，通过降低对比度，提高文本的可读性。结果非常有效，但是阅读起来仍然不是那么好，特别是非常低透明度的颜色或非常杂乱的背景的情况下。