先看效果废话不说，直接上图，看看今天要做的是什么：实现原理这些提示框原理都是一样的，且只需一个div标签就能实现，当然也有笨方法，比如用多个标签相互重叠、遮盖，或者干脆用图片，也能实现，但那样就没有讨论的意义了。今天要说的是用css的伪元素实现：before 和 ：after 。伪元素顾名思义就是h...
分类：
Web程序 时间：
2015-02-07 15:46:45
阅读次数：
446
原文:js如何控制css伪元素内容（before，after）js如何控制css伪元素（before，after） @(CSS 笔记)[伪元素|css3]曾经遇到的问题，在对抗UC浏览器屏蔽需要把内容输出到css 伪元素中输出。有个疑问如何用js控制它。于是在segmentfault提问，如下是对问...
分类：
Web程序 时间：
2015-02-05 18:01:08
阅读次数：
142
利用before.after http://www.jiawin.com/css-before-after
分类：
Web程序 时间：
2015-01-26 18:45:47
阅读次数：
214
CSS伪元素选择器 伪元素选择器:为元素的效果是需要通过添加一个实际的元素才能达到的. CSS中有如下四种伪元素选择器: :first-line:为某个元素的第一行文字使用样式. :first-letter:为某个元素中的文字的首字母或者第一个字使用样式. :befo...
分类：
Web程序 时间：
2015-01-16 09:52:57
阅读次数：
178
现在我们经常在html源码中看到如下的写法：这里的::after和::before就是我们今天来探讨的css伪元素之二 -:before && :after。伪元素首先我们要明白什么是伪元素，css设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为：selector:pseudo...
分类：
Web程序 时间：
2014-12-30 14:46:44
阅读次数：
131
现在让我们开始制作箭头吧！在开始前，你要知道如何用CSS去画一个三角形，如果还不清楚可以看看这里纯CSS画各种图形我们用到两个CSS伪元素，before和after，它们属于行内元素，但可以用display来改变，before和after是在CSS2的新特性（现在已经老了），浏览器对其兼容性还未了解...
分类：
Web程序 时间：
2014-10-21 00:41:04
阅读次数：
557
给定的html代码是： 平常实现我们常是通过添加小的icon来实现，不仅需要添加图片资源，还需要改动html结构。 CSS伪元素 css中伪元素有四个，分别是:first-line,:first-letter,:before,:after。其中前两个分别选择...
分类：
Web程序 时间：
2014-10-17 03:04:53
阅读次数：
352
关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，甚至不乏很多CSS老手。早些年刚入行的时候，我自己也被深深误导，因为论坛里的帖子大多不关心这种概念的细微差别，即使有人出来说一句：“这两个是不同的”，也只是被更多的帖...
分类：
Web程序 时间：
2014-09-16 10:31:40
阅读次数：
257
CSS 尺寸：允许你控制元素的高度和宽度。同样，还允许你增加行间距。CSS 分类：允许你控制如何显示元素，设置图像显示于另一元素中的何处，相对于其正常位置来定位元素，使用绝对值来定位元素，以及元素的可见度。CSS 伪类：用于向某些选择器添加特殊的效果。CSS 伪元素：用于将特殊的效果添加到某些选择器...
分类：
Web程序 时间：
2014-08-04 20:56:17
阅读次数：
533
