方法一，使用display：inline-block+伪元素 方法2： 使用display：table-cell ...
分类：
其他好文 时间：
2017-03-25 22:40:26
阅读次数：
210
关于垂直居中的方法已经老生常谈了，这里只记录下自己最近发现的垂直居中方法。 1、通过vertival-align:middle： 这种方法是通过元素与伪元素设置vertical-align:middle来实现的，很多朋友对这个属性都是一知半懂，可以看看这位大神的文章：http://www.zhang ...
分类：
其他好文 时间：
2017-03-25 15:41:37
阅读次数：
176
标签：这应该都知道。<br/> 、<a>、<p></p> 等都是标签。 元素：标签开始到结束。比如:<p>p之间的内容<p/> ，红色部分就是元素。 元素的内容：标签开始到结束之间的部分，上述红色部分中的“p之间的内容”，这就是元素的内容。 伪类：针对的是特殊状态的元素。 伪元素：针对的是元素的内容 ...
分类：
Web程序 时间：
2017-03-19 11:53:42
阅读次数：
197
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。对于CSS2 ...
分类：
Web程序 时间：
2017-03-14 22:50:26
阅读次数：
467
一直忽略了input和label的关系。一次在做自定义单选框的时候又重新捡起来这对“兄弟”。 label的for属性和input的id值一致的话，input和label就会组成一个组。例如： 点击label的区域同样会触发到input的选中效果。利用这一特性，然后结合伪元素可以自定义单选框和单选按钮 ...
分类：
其他好文 时间：
2017-03-12 23:01:55
阅读次数：
142
CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 区别：伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。 伪类种类 伪元素种类 区别 这里用伪类 :firs ...
分类：
其他好文 时间：
2017-03-10 10:54:24
阅读次数：
133
转载：http://www.cnblogs.com/ihardcoder/p/5294927.html CSS3伪类和伪元素的特性和区别 前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link、visited等，伪元素较常见的比如:befo ...
分类：
Web程序 时间：
2017-03-09 10:45:58
阅读次数：
213
伪元素选择器是指并不是针对真正的元素使用的选择器，而是针对CSS中已经定义好的伪元素使用的选择。 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 在CSS中，主要有如下四个伪元素选择器 1.first-line伪元素选择器用于向某个元素中的第一行使用样式。 2.first-letter ...
分类：
Web程序 时间：
2017-03-05 17:38:22
阅读次数：
168
CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， ...
分类：
Web程序 时间：
2017-03-03 09:53:37
阅读次数：
235
一.伪元素选择器 1. E:first-letter/E::first-letter(css3时代两个冒号) 设置元素内的第一个字符的样式。 例如： 2. E:first-line/E::first-line 设置元素内的第一行的样式。 例如： 3. E:before/E::before在每个E元素 ...
分类：
Web程序 时间：
2017-02-23 00:29:54
阅读次数：
308
