最终效果如图一，gif图片稍微有点卡顿，事实上代码在浏览器里执行得很流畅。这里面用到的css3技术非常简单，分别是border-radius、伪元素、css3关键帧以及animation动画。 首先整理一下大概的思路：整个圆分为AB两部分，左右都是半圆，上面盖了一个背景色为白色的小圆，如右图，...
分类：
Web程序 时间：
2015-04-23 02:01:09
阅读次数：
245
特殊性特殊性值表述为4部分，0，0，0，0，规则如下：包含ID选择器，0，1，0，0类属性值、属性选择、伪类，0，0，1，0存在元素或者伪元素，0，0，0，1结合符、通配没有对应贡献，0，0，0，0内联样式，1，0，0，0!important，超过其他所有的声明继承继承无特殊性，所有通配符要高于继承...
分类：
Web程序 时间：
2015-04-19 14:26:13
阅读次数：
215
代码宅你所不知的 CSS ::before 和 ::after 伪元素用法CSSHTMLHTML5代码前端网络 22条回复16,643次围观CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了Creative L...
分类：
Web程序 时间：
2015-04-18 23:43:41
阅读次数：
160
关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，甚至不乏很多CSS老手。早些年刚入行的时候，我自己也被深深误导，因为论坛里的帖子大多不关心这种概念的细微差别，即使有人出来说一句：“这两个是不同的”，也只是被更多的帖...
分类：
Web程序 时间：
2015-04-17 13:49:57
阅读次数：
147
刚接触伪类和伪元素时，学长推荐看这篇文章，当时读了好几遍都没读懂，还觉得这篇文章晦涩难懂，现在再读，觉得真是一篇好文章，现在分享给大家转自 葵中剑@剑空的博客正文如下关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，...
分类：
Web程序 时间：
2015-04-17 11:11:26
阅读次数：
245
一、简介content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持：(Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ ...
分类：
Web程序 时间：
2015-04-14 12:28:27
阅读次数：
174
关于两者的区别，其实是很古老的问题。但是时至今日，由于各种网络误传以及一些不负责任的书籍误笔，仍然有相当多的人将伪类与伪元素混为一谈，甚至不乏很多CSS老手。早些年刚入行的时候，我自己也被深深误导，因为论坛里的帖子大多不关心这种概念的细微差别，即使有人出来说一句：“这两个是不同的”，也只是被更多的帖...
分类：
Web程序 时间：
2015-04-12 10:31:47
阅读次数：
146
一、伪选择器伪选择器包括：伪类选择器和伪对象选择器，以冒号（：）作为前缀，冒号后紧跟伪类或者伪对象名称，冒号前后没有空格，否则解析为包含选择器如：div:hover{ font-size:12px;}/*div为指定标签名hover选择符,伪类 或者 伪元素名*/伪选择器专门用来选择特殊区域或者特殊...
分类：
Web程序 时间：
2015-04-12 01:20:36
阅读次数：
147
1. :first-line 伪元素"first-line" 伪元素用于向文本的首行设置特殊样式。2.:first-letter 伪元素"first-letter" 伪元素用于向文本的首字母设置特殊样式：3. :before 伪元素":before" 伪元素可以在元素的内容前面插入新内容。4. :a...
分类：
Web程序 时间：
2015-04-11 14:46:35
阅读次数：
163
Hint.css是一款功能强大的Tooltip工具提示插件库。hint.css使用SASS来编写，不依赖于JavaScript。该tooltip插件使用data-*属性、伪元素、内容属性和CSS3过渡效果来制作tooltip。
hint.css可以工作在所有的最新版现代浏览器上，CSS的过渡效果可以在IE10+, Chrome 26+ 和 FF4+浏览器上工作。
效果演示：http:/...
分类：
Web程序 时间：
2015-04-08 15:08:59
阅读次数：
168
