伪类用单冒号 我们平时熟悉的a:link、a:visited、a:hover和a : active 伪元素用双冒号(为了更好的兼容我们也用单冒号) 常用的:before :after和 :first-line :first-letter ::selection 先看三篇博客: http://blog ...
分类:
Web程序 时间:
2016-04-30 13:01:29
阅读次数:
184
CSS2D变换
transform:
rotate()选择函数(deg)
div{width: 100px;height: 100px;margin: 100px auto;transition: 2s;background: #9BFF67;transform-origin: right bottom;}
div:hover{trans...
分类:
Web程序 时间:
2016-04-29 19:50:56
阅读次数:
206
目录:
三步实现jQuery方式处理事件
$(document).ready()与window.onload
this和$(this)
常用的hover()和toggle()
通过点击文章标题展开、隐藏新闻内容
三步实现jQuery方式处理事件发生在Web页面的每一件事情都可以称为事件,为了使Web页面具有交互性,我们采用的方法是通过编写程序来响应事件。例如,鼠标移动到导航栏时显示帅气的下拉菜单;鼠...
分类:
Web程序 时间:
2016-04-29 17:08:43
阅读次数:
257
a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链 ...
分类:
Web程序 时间:
2016-04-29 07:03:33
阅读次数:
506
CSS: .column-title { color: #9b9b9b; text-shadow: 1px 1px #d4d4d4;}.column-title:hover { color: #5a5a5a; text-shadow: none;}@media all and (-webkit-mi ...
分类:
Web程序 时间:
2016-04-28 11:57:04
阅读次数:
146
transition主要是用于一个元素的一种状态到另一种状态的一个过渡的过程,不能够主动触发,必须依赖于事件,例如hover伪类选择器。 一,transition简写 transition:要过渡的属性名称 过渡总时间 过渡模式 要延迟过渡的时间; 1)过渡属性名称 transition-prope ...
分类:
Web程序 时间:
2016-04-27 18:51:44
阅读次数:
3292
<style> .test li{display:block;text-align:center;height:30px;}.test li:visited{color:#666;text-decoration:underline;}.test li:hover{color:#FFF; font-w ...
分类:
移动开发 时间:
2016-04-27 08:16:31
阅读次数:
493
CSS2D变换
transform:
rotate()选择函数(deg)
div{width: 100px;height: 100px;margin: 100px auto;transition: 2s;background: #9BFF67;transform-origin: right bottom;}
div:hover{trans...
分类:
Web程序 时间:
2016-04-26 21:47:48
阅读次数:
195
目录:
三步实现jQuery方式处理事件
$(document).ready()与window.onload
this和$(this)
常用的hover()和toggle()
通过点击文章标题展开、隐藏新闻内容
三步实现jQuery方式处理事件发生在Web页面的每一件事情都可以称为事件,为了使Web页面具有交互性,我们采用的方法是通过编写程序来响应事件。例如,鼠标移动到导航栏时显示帅气的下拉菜单;鼠...
分类:
Web程序 时间:
2016-04-26 20:00:38
阅读次数:
202
伪类与伪元素 伪类:在特殊性中占据0,0,1,0 :link 向未访问的链接添加特殊的样式。也就是说,链接所指的 URI 尚未出现在用户代理的历史中。这种状态与 :visited状态是互斥的。 :visited 对已访问的链接添加样式。 :hover 对鼠标悬停时的链接应用样式 :foucs 对鼠标 ...
分类:
Web程序 时间:
2016-04-26 15:38:29
阅读次数:
159