层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。
你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章
事实上，的确有一些CSS家族的成员（CSS选择器）被分类为伪元素比如：:first-line, :first-letter, ::selection, :before and :after。但是，就本文而言，我们将把我们探讨的范围限制在:before 和 :after这两个元素上。因此，本文中的“伪元素”将特指这两个伪元素（:before 和 :after），我们将从基础入手，来研究这个独特的主题。 查看全文
|
1 2 3 4 5 6 7 8 |
::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } |
|
1 |
html{ overflow-y:scroll; } |
|
1 |
.page-break{ page-break-before:always; } |
大家非常的清楚CSS是我们Web制作中不可或缺的一部分。HTML提供了Web制作的结构，但他不能让我们实现美丽的页面制作，此时我们需要CSS的帮助。CSS虽然能帮我们完善Web制作的效果，但其在不同的浏览器下是有不可预知的效果，为了让你的CSS能解决这些不一致下，今天给大家介绍25个CSS技巧代码，我相信这些对你肯定有很大的作用。
这个常用在图片替换文本中，最常见的就是使用使用图片来替换Logo，这个是非常有用的，使用“text-indent”我们可以达到图片替换文本的效果，而且方便搜索引擎的优化，还能支持阅读器阅读网页内容： 查看全文
平时当你使用css定义字体时你可能会这样做：
|
1 2 3 4 5 6 |
font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; |
我们可以简写这些样式：
|
1 |
font: 1em/1.5em bold italic small-caps verdana,serif; |
现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。
查看全文