1、css3中应用了伪类 ：hover，鼠标位于a之上时，绝对定位下拉列表和宽度。但是没有定义left和top，列表会显示在标签a的下方。目前测试除了ie8，其他浏览器都没问题。2、伪元素::before和::after，表示在某个元素之前之后插入内容{content:"",transform:,}...
分类：
Web程序 时间：
2014-11-10 21:06:24
阅读次数：
248
需求：一段文字，当收起的时候，显示4行，并且多余4行的部分用省略号表示，关键是在省略号前面留有空白部分来放一些图标等东西；展开的时候，全部显示。例如下面的示例图：收起的时候：展开的时候：在不用JS的情况下，如何能只用CSS就做到呢？(一)先看下html结构天空为什么是蓝色×××(二)再看下神奇的cs...
分类：
其他好文 时间：
2014-11-10 17:30:31
阅读次数：
172
CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如，:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。
分类：
Web程序 时间：
2014-10-28 13:46:29
阅读次数：
197
现在让我们开始制作箭头吧！在开始前，你要知道如何用CSS去画一个三角形，如果还不清楚可以看看这里纯CSS画各种图形我们用到两个CSS伪元素，before和after，它们属于行内元素，但可以用display来改变，before和after是在CSS2的新特性（现在已经老了），浏览器对其兼容性还未了解...
分类：
Web程序 时间：
2014-10-21 00:41:04
阅读次数：
557
:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下：#example:before { content: "#"; color: red;}#example:after { cont...
分类：
其他好文 时间：
2014-10-08 16:06:25
阅读次数：
261
这次给大家带来的是对话气泡效果，主要是演示了 :before / :after 和 border 的用法，赶快来围观吧~
分类：
Web程序 时间：
2014-09-10 17:07:00
阅读次数：
198
由于项目有一个需求,需要在原来的代码上做一个封装.由于不想修改原有代码,查了一下,PHP没有方便的支持AOP的方法,于是参考了网上一些文章,写了个包装器,可以在不修改原有代码的基础上为函数添加before和after实现.标签： 代码片段(3)[全屏查看所有代码]1.[代码]核心类01 teardo...
分类：
Web程序 时间：
2014-08-25 11:19:34
阅读次数：
300
第14章 使用选择器在页面中插入内容使用选择器来插入文字图片上一章提到过使用before和after伪类为某个元素之前或之后插入内容 h2:after{content:'12345'}，也可以指定个别元素不进行插入h2.class1:after{content:none}，也可以插入图片h2:aft...
分类：
Web程序 时间：
2014-08-18 01:26:43
阅读次数：
311
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，...
分类：
Web程序 时间：
2014-08-12 16:54:04
阅读次数：
262
本文等效灵感来自编程人生的一篇感悟。CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了tran...
分类：
Web程序 时间：
2014-08-11 20:40:22
阅读次数：
262
