笔试题中经常遇到用CSS实现某个Div边框添加三角形问题，掌握一点，合理利用div的边框，当div有宽有高时，边框就是不起眼的边框，当div的宽高为0时，边框就是一个小方块，把剩下的三个边透明就是神奇的三角形了。 然后就是考察CSS的：before和：after伪元素，此类问题一般分为两种类型...
分类：
Web程序 时间：
2015-10-14 19:49:34
阅读次数：
263
CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，它们是以CSS选择器的形式出现的，具有标签的表现效果，但是呢又不是真正的标签元素，所以叫做“伪元素”。下面就说一下常见的两个伪元素before和after。一、伪元素基本用法 在CSS选择器中加上相应伪类选择符就可以了，像这样：#exam...
分类：
Web程序 时间：
2015-10-04 06:41:15
阅读次数：
171
http://book.51cto.com/art/201108/285688.htm3.7 替换指定位置大家都知道before和after是前、后的意思。但是奇怪的是，CSS中的:before伪元素和:after伪元素是为源文档中不存在的内容设置样式的。没有内容怎么设置样式呢？别急！它们有一个co...
分类：
其他好文 时间：
2015-09-25 23:09:59
阅读次数：
457
早上浏览starof的::before和::after伪元素的用法时，看到提出的第四点，故着重研究了下，并对照张鑫旭前辈的demo的写了个测试例子。 首先，还是先来介绍下css计数器counter()是个什么东西，参考网址为http://www.w3cplus.com/css3/css-cou...
分类：
Web程序 时间：
2015-09-24 16:31:18
阅读次数：
371
一、目标目标完成下图效果：二、完成1、分析在::before和::after伪元素的用法一文中有说到使用::befrore和::after可以完成一个六边形。这个案例是用一个#star-six完成一个正三角形，通过::after实现一个倒三角形，然后绝对定位放好位置。我们接下来也用这个思路完成。2、...
分类：
其他好文 时间：
2015-09-23 19:27:55
阅读次数：
183
::before和::after伪元素的用法一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::aft...
分类：
其他好文 时间：
2015-09-05 23:29:29
阅读次数：
457
很出乎意料，程序运转正常，而且before和after打印的retainCount都是1！翻看该方法的参考文档，苹果对retainCount方法的描述如下：retainCounthttp://blog.csdn.net/wzzvictory/article/details/9626017Do not...
分类：
其他好文 时间：
2015-08-25 15:39:52
阅读次数：
143
先上成果：完整代码如下： 1 2 3 4 5 CSS3画爱心 6 40 41 42 43 44 45 46 3.两张图看原理
分类：
其他好文 时间：
2015-08-14 11:10:47
阅读次数：
163
一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::befor...
分类：
其他好文 时间：
2015-08-11 15:46:57
阅读次数：
132
demo地址：http://codepen.io/tianzi77/pen/gpEMxb伪元素能做什么呢？
“伪元素”，顾名思义。它创建了一个虚假的元素，并插入到目标元素内容之前或之后。单词“pseudo”是希腊语的英译，它的基本意思是“说谎的，不诚实的，错误的。”因此叫伪元素是适合的。因为在文档中它不实际改变什么。相反的，它们是像幽灵一般的元素插入在css中，他们对用户是可见的，可以通过css控...
分类：
其他好文 时间：
2015-08-09 02:00:51
阅读次数：
151
