background 和渐变 总结

一,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:格式跟迳向渐变一样。

蜗牛又在忙爬树,但他总是没有恒心,每当爬到象剑兰那么高的时候他就会停下来兴奋的和她说话,

然后不知不觉的往下滑,

等他滑到底一天也就过去了,第二天他又会爬上来,剑兰总是扬着高傲的头说他很烦。

但每天早上起来她还是扬着头等蜗牛来和她说话。当松鼠迅捷的从他头上跃过去时,

蜗牛吓的一闭眼,然后叹道:“哦,什么时候我能练到象松鼠一样一天在大青树上爬二十个来回呢?那样我一天就可以和剑兰姐姐聊二十次了。”

原文地址:https://www.cnblogs.com/daowangzhizhu-pt/p/5649567.html