原文地址：http://css-tricks.com/css-content/CSS中有一个属性content，只能和伪元素:before和:after一起使用，他们的写法像伪类选择器（前面有冒号），但是他们并不能选择页面上的任何元素，却可以往页面上添加一些东西，通常这样来写：.email-addr...
分类：
Web程序 时间：
2014-11-12 21:13:42
阅读次数：
285
元素与盒在HTML中常常使用的概念是元素，而在CSS中，布局的基本单位是盒，盒总是矩形的。元素与盒并非一一对应的关系，一个元素可能生成多个盒，CSS规则中的伪元素也可能生成盒，display属性为none的元素则不生成盒。除了元素之外，HTML中的文本节点也可能会生成盒。盒模型一个盒包括了内容(co...
分类：
Web程序 时间：
2014-11-11 08:11:46
阅读次数：
227
1、css3中应用了伪类 ：hover，鼠标位于a之上时，绝对定位下拉列表和宽度。但是没有定义left和top，列表会显示在标签a的下方。目前测试除了ie8，其他浏览器都没问题。2、伪元素::before和::after，表示在某个元素之前之后插入内容{content:"",transform:,}...
分类：
Web程序 时间：
2014-11-10 21:06:24
阅读次数：
248
滚动条是一个伪元素，可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭，只按照用户自定义的css信息进行渲染。/* 滚动条 */::-webkit-scrollbar{ height:7px; width:10px;} //宽度也可用百分比定义//滚动条里面的滑块::-webkit-sc...
分类：
其他好文 时间：
2014-11-05 19:36:35
阅读次数：
154
一伪类语法： selector : pseudo-class {property: value} 提示：伪类名称对大小写不敏感。 与 CSS类搭配使用selector.class : pseudo-class {property: value}例子：a:link {color: #FF0000} ....
分类：
Web程序 时间：
2014-11-02 12:02:16
阅读次数：
287
选择器是CSS的核心，从最初的元素、class/id选择器，演进到伪元素、伪类，以及CSS3中提供的更丰富的选择器，定位页面上的任意元素开始变得愈发的简单。1、元素选择器这是最基本的CSS选择器，HTML文档中的元素本身就是一个选择器：p {line-height:1.5em; margin-bot...
分类：
Web程序 时间：
2014-10-29 18:29:08
阅读次数：
163
CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如，:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。
分类：
Web程序 时间：
2014-10-28 13:46:29
阅读次数：
197
content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持：(Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ 和 Sa...
分类：
Web程序 时间：
2014-10-27 10:36:52
阅读次数：
229
为什么要清除浮动？非IE下，当容器的高度为auto,容器有浮动元素，此时容器的高度不能自己伸长适应内容的高度，造成内容溢出乃至影响布局，即所谓的“浮动溢出”，为防此象，需要清除浮动。如何清除浮动？这里只记录最好的一种方法,伪元素和ie 触发haslayout：.clearfix{zoom:1;}.c...
分类：
Web程序 时间：
2014-10-24 18:41:43
阅读次数：
223
现在让我们开始制作箭头吧！在开始前，你要知道如何用CSS去画一个三角形，如果还不清楚可以看看这里纯CSS画各种图形我们用到两个CSS伪元素，before和after，它们属于行内元素，但可以用display来改变，before和after是在CSS2的新特性（现在已经老了），浏览器对其兼容性还未了解...
分类：
Web程序 时间：
2014-10-21 00:41:04
阅读次数：
557
