css
LuckyMon
这个作者很懒,什么都没留下…
展开
-
页面级优化——icon图标显示方式
css sprite又称精灵图或雪碧图,如下图所示。具体来讲就是多个小图合成大图,通过background-position来显示不同图片优点,减少http请求次数,提高图片加载速度,缺点,图片需要通过软件或者其他方式生成,如果有删改的话,不是很方便Data URI示例如下,简而言之就是将图片转换为代码data:image/gif;base64,R0lGODlhAQABAIAAAHd3...原创 2019-02-28 15:56:21 · 926 阅读 · 0 评论 -
CSS选择器的权重与优先级
作者在网上找了很久,找到的关于CSS选择器的权重的内容都大同小异,其中最核心的就是下图把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。4个等级的定义如下:1、第一等:代表内联样式,如: style=””,权值为1000。2、第二等:代表ID选择器,如:#content,权值为100。3、第三...原创 2019-03-12 15:58:55 · 968 阅读 · 1 评论 -
v-for v-bind:class,动态改变li样式
纯css,伪类,伪元素 在对元素样式做改变时,非常方便,也可以结合v-for,一起使用,但仅支持几种方式:link:连接平常的状态visited:连接被访问过之后hover:鼠标放到连接上的时候active:连接被按下的时候v-for v-bind:class<li v-for="item in 4" :key="item" v-bind:class="{onshow:原创 2019-03-18 11:24:13 · 2535 阅读 · 1 评论