background简写
background是一个简写属性
background: color image position/size repeat origin clip attachment initial | inherit;
它的展开式属性为:
background-color/*背景颜色(CSS1)*/
background-image/*背景图片(CSS1)*/
background-position/...
浅析--accent-color
找了很久关于–accent-color的资料,但是没有找到,以下完全是个人理解,如果有错误,请大家在评论区指正,非常感谢。
–accent-color css中的变量,类似于currentColor,currentColor只是指当前元素的color颜色的值,但是–accent-color 是指定其值,更像是一个变量名,它可以指定属性后面任何值,可以是颜色,可以是具体像素值,可以给任何一个属性给...
使用SecureCRT的SFTP在WINDOWS与LINUX之间传输文件
参考文献: http://ice-k.iteye.com/blog/1068275 http://www.cnblogs.com/chen1987lei/archive/2010/11/26/1888391.html 背景: 有一台主机,安装了windows7,在其安装了virtualbox,然后安装了ubuntu虚拟机。在windows7上安装SecureCRT来ssh连接ubuntu虚拟机。一般在windows上面下载软件,然后通过vsftp上传到ubuntu虚拟机上。但是这样非常麻烦
CSS3 calc()是怎么实现计算
css3的calc()函数允许我们在属性值中执行数学计算操作。例如,我们可以使用calc()指定一个元素宽度的固定像素值为多个数值的和。
calc(表达式)
- 表达式支持加、减、乘、除运算,同时也支持单位的混合使用(%、px、rem、em等);
- 表达式中有”+”、”-“运算符的,前后必须要有空格,这个是向前兼容,后期可能会带入变量等有”-“连字符;
- 虽然“*”“/”没有空格...
linear-gradient()的神秘面纱
CSS linear-gradient() 函数用于创建一个表示两种或者多种颜色线性渐变的图片。其结果属于<gradient>数据类型,是一种特别的<image>数据类型。
一、线性渐变的构成
1、利用PS理解渐变的原理
我们先看看PS上的渐变,简单了解下渐变的原理:
如图所示,下面总共六个色块,代表了渐变的六种颜色,位置分别为0%、20%、40%、60%、...
利用纯CSS实现条纹背景
原理:
如果多个色标具有相同的位置,他们会产生一个无限小的过渡区域,从效果上看,颜色会从这个位置突然变化,而不是一个平滑的过程。
linear-gradient() 函数用于创建一个表示两种或者多种颜色线性渐变的图片。其结果属于<gradient>数据类型,是一种特别的<image>数据类型,因此我们可以通过background-size来控制渐变的大
利用渐变实现多种几何图案
把多个渐变叠加起来会发生什么事呢?
div{
width: 200px;
height: 200px;
border-radius: 100%;
border: 8px solid rgba(255,255,255,0.6);
background-clip: border-box;
}
例1
background: #fff;
backgroun...
利用linear-gradient来实现信封边框效果
还是利用渐变来实现的,我们废话不多说,直接上代码:
width: 200px;
height: 80px;
border-color: transparent;
background: linear-gradient(#fff,#fff) padding-box,
repeating-linear-gradient(-45deg,red 0,red 12.5%,tra...
radial-gradient()的前世今生
1、radial-gradient() 原理
CSS radial-gradient()函数创建一个由原点(渐变中心)辐射开的颜色渐变的图片,边缘形状只能为为circle或者ellipse,其结果属于<gradient>数据类型,是一种特别的<image>数据类型。
径向渐变(radial-gradient)由其中心点、边缘形状轮廓及位置、色值的结束点(color-...
windows系统中创建以 点 .开头的文件及文件夹的方法
windows如何创建以点开头的文件,则会提示“必须键入文件名”,下面介绍一下怎么创建开头带“.”的文件和文件夹
其实我们可以借助windows的命令行来创建
命令行打开方式:
win7:开始菜单->点击"运行"->然后输出"cmd"打开
win10:开始菜单->所有运用->windows 系统->命令提示符
在命令行输入"d:" 然后按enter,把目录切换到D盘
再
Java中会报java.lang.NullPointerException的几种情况总结
1、当点(.)前面的对象是null时会报空指针异常2、当某个方法的参数类型为int 但调用方法时传的参数是Integer类型且值为null时,会报空指针异常3、如下面例子,i = null 时 if (i == 1),会报空指针异常Integer i = null;
if (i == 1){
System.out.println(i);
}...
解决ajax的success方法无法给外部变量赋值的问题
解决办法:给ajax添加 async: false,实例:function testAsync(){ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: function(msg){ alert('complete...
JDK自带的MD5加密应用实例(代码可直接复制使用)
1.先大致说一下什么是MD5加密。MD5的全称是Message-Digest Algorithm 5(信息-摘要算法),看了很多大神的文章,自己有了点理解 ,MD5其实不算是加密算法,而是一种信息的摘要。它的特性是不可逆的,所以除了暴力破解 一般逆序算法是得不到结果的。举个例子:比如1+99=100,MD5接到的字符是1和99 然后通过自己的算法最后生成100 但知道结果是100却很难推测出是通过...
今日推荐
周排行