css选择器大致分为三种： 标签选择器（*是特殊情况），可但标签，也可上下文多标签； 通用*+标签+多标签 属性选择器（id和class都是属性，特殊的属性） id+class+属性（img[title]） 伪类，伪元素选择器 ：（:active :focus :hover :link :visit
分类：
Web程序 时间：
2016-02-23 20:44:06
阅读次数：
151
我们可以使用SVG、Canvas、CSS3或者背景图片来实现五角星图案及其悬停效果。使用CSS3是最为简单和高效的方法，并且代码容易调试和维护。CSS3引入的伪元素和变换特性使得实现五角星图形非常简单。...
分类：
Web程序 时间：
2016-02-22 20:54:13
阅读次数：
260
CSS选择器复习通用选择器：* 选择到所有的元素
选择子元素：> 选择到元素的直接后代(第一级子元素)
相邻兄弟选择器：+ 选择到紧随目标元素后的第一个元素
普通兄弟选择器：~ 选择到紧随其后的所有兄弟元素
伪元素选择器：
::first-line 匹配文本块的首行
::first-letter 选择文本块的首字母
伪类选择器：
:before...
分类：
Web程序 时间：
2016-02-19 12:42:27
阅读次数：
253
css实现下图样式，具体像素值记不住了，很好设置，html code (2014百度秋招面试题)： <div id="demo"></div> 分析：这个样式的关键就在三角形和三角形实现了之后的变成只有个边框的三角形。利用元素的：after和：before伪元素(请自动忽略低版本IE)。 思想：先实
分类：
Web程序 时间：
2016-02-16 18:59:12
阅读次数：
399
提示框由两部分组成，框+箭头，箭头则利用伪元素before、after写成。 根据提示框的样式可以看出，上面的箭头由两部分组成：灰色大箭头+蓝色小箭头，蓝色嵌套在灰色里面，于是箭头就有了边框，整体搭配起来也比较好看。 那么这部分是怎么写的呢？ 首先把箭头以外的部分写出来，下面是html代码以及它的c
分类：
其他好文 时间：
2016-02-15 14:44:38
阅读次数：
167
CSS选择器详解 选择器是CSS的核心，从最初的元素、class/id选择器，演进到伪元素、伪类，以及CSS3中提供的更丰富的选择器，定位页面上的任意元素开始变得愈发的简单。 1、元素选择器 这是最基本的CSS选择器，HTML文档中的元素本身就是一个选择器： p {line-height:1.5em
分类：
Web程序 时间：
2016-02-06 14:18:55
阅读次数：
217
伪类： 伪元素： 内容摘自一篇文章，转载自https://segmentfault.com/a/1190000000484493，详细内容，可点进去看。
分类：
其他好文 时间：
2016-02-05 18:40:12
阅读次数：
170
CSS的伪类选择器常用的是link/visited/hover/active，分别对应未访问、已访问过、鼠标悬停、鼠标按下时的样式，常用于链接，使用时要按此顺序依次写CSS，不能乱1 a:link{background-color:blue;} //未访问前深蓝色2 a:visit...
分类：
Web程序 时间：
2016-01-27 12:34:42
阅读次数：
227
很多个人网站都会改变选中区域的文字和背景的颜色，今天偶然看到的，就想了一下，想到了系统默认事件(system default)，想到了jQuery的Sizzle选择器，貌似都搭不上边，其实很简单，用CSS3的伪元素选择器::selection就好了。.demo::selection{color:#f...
分类：
其他好文 时间：
2016-01-27 12:16:00
阅读次数：
186
1.CSS中的伪类 CSS 伪类用于向某些选择器加入特殊的效果。语法：selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用selector.class : pseudo-class {property: value}如以下的...
分类：
Web程序 时间：
2016-01-26 16:43:45
阅读次数：
191
