LuckyMon的博客

css sprite 又称精灵图或雪碧图，如下图所示。具体来讲就是多个小图合成大图，通过background-position来显示不同图片 优点，减少http请求次数，提高图片加载速度，缺点，图片需要通过软件或者其他方式生成，如果有删改的话，不是很方便 Data URI 示例如下，简而言之就是将图片转换为代码 data:image/gif;base64,R0lGODlhAQABAIAAAHd3...

作者在网上找了很久，找到的关于CSS选择器的权重的内容都大同小异，其中最核心的就是下图 把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。 4个等级的定义如下： 1、第一等：代表内联样式，如: style=””，权值为1000。 2、第二等：代表ID选择器，如：#content，权值为100。 3、第三...

纯css，伪类，伪元素 在对元素样式做改变时，非常方便，也可以结合v-for，一起使用，但仅支持几种方式： link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连接上的时候 active:连接被按下的时候 v-for v-bind:class <li v-for="item in 4" :key="item" v-bind:class="{onshow: