伪对象选择器包含三种,分别为: E::selection E::after E::before 其中before和after必须与content结合使用,如果content想用几何图形要加 \ 进行转义,content里面的内容相当于文字,可以通过color改变颜色,font-size改变大小 等等 ...
分类:
Web程序 时间:
2016-09-19 22:11:26
阅读次数:
229
before和after这两个伪类元素分别表示元素内容的【前】【后】,利用这两个伪元素可以在元素内容的前后添加内容,其实这没有什么前后的概念,如果应用了absolute的特性之后,你可以把这些伪元素放在任何位置,有了这两个伪元素,就代表每个元素都有两个助手可供使用,灵活运用它们的话将会得到很多有趣的 ...
分类:
其他好文 时间:
2016-09-11 20:18:27
阅读次数:
107
Transition:(过渡转变)让瞬间改变到目标值的事情,按照我们规定的过渡方式改变到目标值。 第一点:transition适合用于哪些属性? 适合所有的元素,包括::before和::after伪元素。 Ps(::before和::after伪元素是在不改变html结构的情况下,适用于样式改变, ...
分类:
其他好文 时间:
2016-09-04 01:35:28
阅读次数:
217
有时候,我们需要大量的重复代码去实现一个非常简单的功能,这不仅浪费时间,而且效率低下,例如: <div class="aa">你好</div><div class="aa">我好</div><div class="aa">大家好</div><div class="aa">前面和后面</div> 我们 ...
分类:
其他好文 时间:
2016-08-31 23:52:19
阅读次数:
168
:before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下: 这段代码会在#example元素内容之前插入一个'#',以及在内容之后添加一个'$',插入的行内元素是作为#example的子元素,效果如下: H ...
分类:
其他好文 时间:
2016-08-29 17:46:50
阅读次数:
112
大概是第四五次组队训练了。 四题。 第一次进铜牌线了= =(苦笑 A题,水题,队友看一会就敲了,1A。 J题,我看的,没看懂,叫队友和我一起看,三个人在没有讨论的情况下,全都理解错题意,凑不出样例,后来zr说,before和after应该是空间的,恍然大悟…… 因为当RYB都>=2的时候有公式,我就 ...
分类:
其他好文 时间:
2016-08-26 20:07:48
阅读次数:
138
CSS content 属性常结合:before 和:after 这两个伪类一起使用,给指定的元素添加内容来丰富页面。 1. 添加文本内容 html: css: 所要添加的内容用双引号引起来,若不添加内容可使用 属性none ...
分类:
Web程序 时间:
2016-08-22 23:27:08
阅读次数:
148
这几天做Junit测试接触到了setup和teardown两个方法,简单的可以这样理解它们,setup主要实现测试前的初始化工作,而teardown则主要实现测试完成后的垃圾回收等工作。 需要注意的是Junit3中每个测试方法执行时都会执行它们,而不是一个类中执行一次,查了查资料,JUnit4版本采 ...
分类:
其他好文 时间:
2016-08-18 23:21:39
阅读次数:
246
原文链接:http://www.cnblogs.com/LY-leo/p/5765598.html 对于 :before 和 :after 选择器,大家并不陌生,但是很少有人会主动去用它们。先解释下它们的定义和用法: :before 选择器在被选元素的内容前面插入内容,:after 选择器在被选元素 ...
分类:
Web程序 时间:
2016-08-12 23:37:57
阅读次数:
1216
巧妙使用 :before 和 :after 选择器做一个箭头样式,并带有点击旋转效果。 ...
分类:
Web程序 时间:
2016-08-10 14:04:48
阅读次数:
480