css样式图片、渐变、相关小知识(必看)

  发布时间:2016-07-14 14:48:28   作者:佚名   我要评论
下面小编就为大家带来一篇css样式图片、渐变、相关小知识(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一,background-position:(图片定位)

三种写法:

1):按%比,左上角最小(0%,0%),右下角最大(100%,%100);
2):(x,y)左上角最小(0,0),右下角最大(max,max);
3)top,center,left,right,bottom;

二,background-clip:

1,包含那一部分的值:border;padding;content;

三,background-origin:

1,从那一部分值开始:border;padding;con tent;

四,背景图像是否固定或者随着页面的其余部分滚动。

1,scroll:随着页面的其余部分滚动
2,fixed :固定在窗口的某个位置。

五,渐变:

1,线性渐变:linear-gradient:
1)如果是角度:角度,过渡色;
2)如果是top。。。,方向前加to,后过渡色;
2,迳向渐变:radial-gradient:
1)默认是中心点渐变;
2)[size at left top]:其中size是渐变半径。

3,重复渐变:

1)重复线性渐变:repeating-linear-gradient:格式跟线性渐变一样。
2)重复迳向渐变:reoeating-radial-gradient:格式跟迳向渐变一样。

以上这篇css样式图片、渐变、相关小知识(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

原文地址:http://www.cnblogs.com/yzybc/p/5649602.html

相关文章

  • 引用css样式的书写格式详解

    下面小编就为大家带来一篇引用css样式的书写格式详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-03
  • Web前端开发css基础样式总结(推荐)

    下面小编就为大家带来一篇Web前端开发css基础样式总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-02
  • 纯CSS3超酷书架样式404页面特效源码

    本特效是一款使用CSS3帧动画来制作的炫酷404页面动画效果的代码。该404页面以书架为主题,欢迎下载使用
    2016-07-28
  • HTML CSS样式基础(必看篇)

    下面小编就为大家带来一篇HTML CSS样式基础(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-23
  • CSS更改鼠标为手状样式

    这篇文章主要介绍了CSS更改鼠标为手状样式的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-20
  • 对于一些css样式的巧妙方法进行总结(推荐)

    下面小编就为大家带来一篇对于一些css样式的巧妙方法进行总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-14
  • 浅谈CSS样式权值

    下面小编就为大家带来一篇浅谈CSS样式权值。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-05

最新评论