http://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html一、什么是CSS预处器CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行...
自从开始做前端开发以来，我发现在开发页面的时候，总是有一个问题十分影响自己的开发效率，这个问题就是css的命名，主要是指css类选择器的命名。这个问题主要体现在：第一，有的内容你压根想不出用什么名字来给它命名，因为一般命名总是考虑语义化，好让其他人看到这个css类的名字就知道它是作用于哪一个内容的，但是由于网页内容的复...
方法一：方法二：watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center">方法二能够降低http请求。！！css精灵的核心思想是将多张图片合...
原文地址：http://www.cnblogs.com/shaojiang/p/5295826.html最终实现界面如下：页面加载时，自动轮播，轮播鼠标悬停在整个banner容器的时候，两边会显示向左，向右按钮，鼠标悬停在中下方索引圆圈的上面，自动跳转到相应的图片。 banner容器里面包含了图片列表img,...
CSS中伪类与伪元素的概念是很容易混淆的 今天就来谈谈伪类与伪元素之间的区别首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的伪类：用于向某些选择器添加特殊的效果伪元素：用于将特殊的效果添加到某些选择器讲道理，可能我语文不好，我觉得这两句话是等价的:-) 根本不能看出有什么区别&...
单行： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行 display: -webkit-box; -webkit-box-orient: vertical; -webkit-l...
#triangle-up{ width:0; height:0; border-left:50pxsolidtransparent; &...
滚动条几个属性，主要有下面7个属性::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-t...
效果图： js创建loadingshow=function(){//loadingdom元素varDiv=document.createElement("div");Div.setAttribute("class","ui-loading");varchidDiv=document.createElement...
CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法
300px!important;width/**/:340px;margin:010px010px}，关于这个/**/是什么我也不太明白，只知道IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）3、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所...
//vant覆盖默认样式的写法<style lang="scss" scoped> ::v-deep .van-popup { background: transparent; &...
.list-list.ico-bookfolder{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5cc...
-webkit-backface-visibility:hidden; ...
varprefix=(function(){varstyles=window.getComputedStyle(document.documentElement,''),pre=(Array.prototype.slice.call(styles).join('').match(/-(moz|webkit|ms)-/)...
我们可以通过计算样式来读取伪元素的样式信息，但是却无法使用javascript来直接操作伪元素，本文以一个需求解决为例，详细介绍脚本化伪元素的6种方法需求说明 【1】为id=box的div元素添加content="前缀"的:before伪元素 【2】为已经添加:before伪元素的div元素删除伪元素 &nb...
【插入图片，妹子图首页】 哈，只敢放到这个地步了。 今天给直男们送点福利，通过今天的代码，可以把你的硬盘装的满满的~ 下面就开始咯！ 第一步：如何获取一张图片 假如我们知道某张图片的url，如何获取到这张图片呢？ 先看一下最简单的方法： 【插入图片，单页url】 我们获取到图片的内容，通过二进制流写入到文件中，并保存起来。 这次偷懒啦，将所有图片都保存在当前目录下。 import requests url='http://i.meizitu.net/2017/11/24a02.jpg' pic=requests.get(url).content pic_name=url.split(r'/...
