前端学习 第一天
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端学习 第一天相关的知识,希望对你有一定的参考价值。
1.样式高度宽度变化的过渡
<div onclick="this.style.width=‘800px‘;this.style.height=‘400px‘;" style="width:100px;height:100px;background:url(‘http://img6.cache.netease.com/photo/0001/2016-05-18/BNAUNT5K00AP0001.jpg‘);transition:5s;">
</div>
transition:控制高度变化开始到结束需要经历的时长。
2.背景图片的设置
background-color | 背景颜色。 | |||||||||||
background-position | 规定背景图像的位置。 水平方向left right center 垂直方向有top bottom center 还有px像素,% | |||||||||||
background-size | 规定背景图片的尺寸。 | |||||||||||
background-repeat | 规定如何重复背景图像。
|
|||||||||||
background-origin | 规定背景图片的定位区域。 | |||||||||||
background-clip | 规定背景的绘制区域。 | |||||||||||
background-attachment | 规定背景图像是否固定或者随着页面的其余部分滚动。
|
|||||||||||
background-image | 规定要使用的背景图像。 如果同时设置了background-color 该图片会显示在background-color之上 | |||||||||||
inherit | 规定应该从父元素继承 background 属性的设置。 |
合并背景写法background:#ccc url(‘http://img6.cache.netease.com/photo/0001/2016-05-18/BNAUNT5K00AP0001.jpg‘) 10px 20px no-repeat fixed;
以上是关于前端学习 第一天的主要内容,如果未能解决你的问题,请参考以下文章