之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读 w3c 对两者的定义：CSS 伪类用于向某些选择器添加特殊的效果。CS... ...
分类：
Web程序 时间：
2016-05-22 10:51:12
阅读次数：
135
伪类分为两种：UI伪类 与 结构化伪类 UI伪类：a:link{} a:hover{} a:active{} a:visited{} input[type='text']:focus{} #title-one:target{} 结构化伪类: table tr:nth-child(even){} // ...
分类：
Web程序 时间：
2016-05-22 09:36:57
阅读次数：
146
对css中基本选择器和属性选择器以及伪类选择器做了总结，但是提到伪类，与之相对应的必然是伪元素。 那么,,,二者到底有什么不能说的秘密呢？接下来 先归类下两者 伪类的种类： 伪元素的种类： 两者的使用方法： css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。 : ...
分类：
Web程序 时间：
2016-05-21 01:22:52
阅读次数：
612
代码 这里要注意，这个方法不能选择用于同级和子元素。 ...
分类：
其他好文 时间：
2016-05-10 18:13:09
阅读次数：
559
Glyphicons字体图标 基类.glyphicon {position/top/display/font-family/} 具体类 {content} --表现在伪元素上 使用要点：a.基类＋具体类 b.一般图标和文本之间添加一个空格 注意点：a.不要和其他组件混用，单独使用一个标签，一般使用s ...
分类：
其他好文 时间：
2016-05-10 16:39:47
阅读次数：
174
说到到css的样式优先级，今天偶再来回顾下，从css的样式优先级可分为两个部分： 1、从CSS代码放置的位置看权重优先级： 内联样式 > 内部嵌入样式 >外联样式 2、从样式选择器的权重优先级： Important > 内联样式 > ID > 类、伪类、属性选择器 > 标签、伪元素 > 通配符 今儿 ...
分类：
Web程序 时间：
2016-05-09 20:24:27
阅读次数：
221
1.利用border特性 首先看个例子，该例的border四边的颜色不同，宽度均为50px 代码如下： 根据border的这个特性，调整border宽度和颜色组合，我们可以画出各种三角形，如： 再利用圆角和伪元素（::after,::before）就可以创建出简单的对话泡效果了 2.利用backgr ...
分类：
Web程序 时间：
2016-05-09 01:26:27
阅读次数：
256
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， ...
分类：
Web程序 时间：
2016-05-05 17:38:17
阅读次数：
196
在Bootstrap中，页面的排版都是从全局的概念上出发，定制了主体文本、强调文本、标题、Code风格、按钮、表单、表格等格式，并运用CSS3的@font-face和伪元素一起实现了一套icon主题。 1.标题： HTML 中的所有标题标签，<h1> 到 <h6> 均可使用。另外，还提供了 .h1 ...
分类：
其他好文 时间：
2016-05-03 12:38:12
阅读次数：
414
