使用after伪类清除浮动.department li:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
分类:
其他好文 时间:
2014-08-19 16:00:04
阅读次数:
212
在webapp引用开发中经常会用到css3动画效果,下面我们就一起探讨一下这个属性的使用。在哪里定义动画效果?css3动画一般通过鼠标事件或者说状态定义动画,通常我们可以用CSS中伪类和js中的鼠标事件来定义。js的事件也可以,比如click,focus,mousemove,mouseover,mo...
分类:
Web程序 时间:
2014-08-18 10:28:53
阅读次数:
351
伪类: :first-child :link :hover :active :visited :focus :lang伪元素: :first-line :first-letter :before :after注意:CSS3中伪元素前是两个冒号,如 ::first-lin...
分类:
其他好文 时间:
2014-08-18 09:14:33
阅读次数:
240
第14章 使用选择器在页面中插入内容使用选择器来插入文字图片上一章提到过使用before和after伪类为某个元素之前或之后插入内容 h2:after{content:'12345'},也可以指定个别元素不进行插入h2.class1:after{content:none},也可以插入图片h2:aft...
分类:
Web程序 时间:
2014-08-18 01:26:43
阅读次数:
311
一、伪类CSS伪类用于向某些选择器添加特殊的效果,在W3C规范中,CSS伪类有如下几个::active:向被激活的元素添加样式(激活是指点击鼠标那一下):focus:向拥有键盘输入焦点的元素增加样式 :hover:当鼠标悬浮在元素上方时,向元素增加样式:link:向未被访问的链接增加样式:visit...
分类:
Web程序 时间:
2014-08-15 22:23:39
阅读次数:
380
1. 伪类 :after 1. 清楚浮动div:after{ overflow:hidden; } 2. 制作三角形div:after{ content:''; display:block; width:0; border-top:8px solid #000; border-left:8p...
分类:
移动开发 时间:
2014-08-13 12:56:26
阅读次数:
234
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,...
分类:
Web程序 时间:
2014-08-12 16:54:04
阅读次数:
262
前面花了两节内容分别在《CSS3基本选择器》和《CSS3属性选择器详解》介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在...
分类:
Web程序 时间:
2014-08-12 03:01:43
阅读次数:
476
前面花了几个篇幅着重介绍了CSS的选择器的使用,我将其分成三个部分:CSS3基本选择器、CSS3属性选择器详解以及CSS3伪类选择器详解。那么今天我主要想和大家一起来学习——CSS选择器方面的性能优化。因为对性能这一块一直都是很弱的,所以今天先从选择器开始入手,加强自己。如果你也感兴趣那就跟我一起来...
分类:
Web程序 时间:
2014-08-12 03:00:53
阅读次数:
247
本文等效灵感来自编程人生的一篇感悟。CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了tran...
分类:
Web程序 时间:
2014-08-11 20:40:22
阅读次数:
262