转载：http://www.cnblogs.com/ihardcoder/p/5294927.html CSS3伪类和伪元素的特性和区别 前端er们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:focus,:hover以及<a>标签的:link ...

一、CSS3 2D转换 　　通过 CSS3 转换，我们可以对元素进行移动、缩放、转动、拉长或拉伸。 　　特别注意，我们在使用css3动画效果时，必须给他们加相应的浏览器前缀，以便浏览器识别，让我们更好的去应用它。 　　下面我给大家用一个小例子介绍一下各大浏览器的相应前缀 ...

一、区别： （1）伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入 ...

　　今天，我们一起来研究一下css3中的过渡模块、2d转换模块和3d转换模块 　　一、过渡模块transition 　　（一）过度模块的三要素： 　　　　1、必须要有属性发生变化 　　　　2、必须告诉系统哪个属性需要执行过渡效果 　　　　3、必须告诉系统过渡效果持续时长 　　　ps ...

css中的伪类和伪元素总是混淆，今天参考了很多资料，也查看了部分文档，现将伪类及伪元素总结如下： 一、由来： 　　伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述，比如CSS没有“段落的第一行”、“文章首字母”之类的选择器，而这在一些出版场景里又是必须的，这一情况下出现的。引用标准中 ...

一、CSS3选择器 CSS3是CSS的第三代版本，新增了很多功能，例如：强大的选择器、盒模型、圆角、渐变、动画、2D/3D转换、文字特效等。 CSS3和HTML5没有任何关系！HTML5骨架中，可以用CSS2.1也可以用CSS3。XHTML骨架中可以用CSS3的样式。 在学习CSS之前都是 ...

transition-duration这个參数是设置过渡时间的，将transition-duration放在哪个类中。那么在这个类被启用时就会依照transition-duration设定的时间来过渡。 比如。有类 .a 和 .a:hover ...

:hover 伪类经常用于页面的一些鼠标交互、链接点击变化，增强页面的用户体验，但是可以用来改变其他元素样式，可以在不使用JS 的情况下，达到想要的页面效果。 1、hover改变自身的效果： 鼠标悬浮改变样式： HTML CSS ...