伪类 伪类与类相似，但又没有类附加标签上。伪类分为UI伪类和结构化伪类。 UI伪类 :link(将样式添加到未被访问的链接上) :visted(将样式已添加到访问的链接上) :hover(将样式添加到鼠标悬浮的元素上) :active(将样...
分类：
Web程序 时间：
2015-10-13 21:18:38
阅读次数：
259
让图片居中和文字居中是不一样的，文字居中可以通过line-height等调整，让图片居中方法，参考各种资料博文和测试 目前接触两种方法 display:table-cell和伪元素：after方法一，display:table-cell这个属性是让元素以表格单元格的形式呈现类似table标签中的td...
分类：
其他好文 时间：
2015-10-06 18:11:32
阅读次数：
225
伪类有：:first-child ，:link:，vistited，:hover，:active，:focus，:lang伪元素有：:first-line，:first-letter，:before，:aftercss清除浮动方法: （讲解）（hasLayout） 清除浮动例子 清除浮...
分类：
其他好文 时间：
2015-10-04 17:06:28
阅读次数：
239
CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，它们是以CSS选择器的形式出现的，具有标签的表现效果，但是呢又不是真正的标签元素，所以叫做“伪元素”。下面就说一下常见的两个伪元素before和after。一、伪元素基本用法 在CSS选择器中加上相应伪类选择符就可以了，像这样：#exam...
分类：
Web程序 时间：
2015-10-04 06:41:15
阅读次数：
171
在Web中插入内容，在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通 过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的 “content”属性来实现。不过这个属性对于i...
分类：
Web程序 时间：
2015-10-04 01:34:27
阅读次数：
177
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
请用CSS实现如下图的样式，相关尺寸如图示，其中dom结构为：这是一道去年的百度笔试题。涉及定位、三角形、伪元素。下面是我的解答以及一些知识概述，都在程序里了。 Document 伪元素选择器： :first-line, :first-letter :before...
分类：
Web程序 时间：
2015-09-11 14:06:27
阅读次数：
156
想要实现的效果如下:第一步：如何用css画出三角形？ 1 /* css画三角形 */ 2 .sanjiao{ 3 width:0; 4 border-top:40px solid red; 5 border-bottom:40px solid green; 6 bor...
分类：
Web程序 时间：
2015-09-11 12:30:26
阅读次数：
13262
