在做网页的时候碰到了个固定不变的背景图片,
background-image: url(1.png);
background-attachment: fixed;
只要把 background-attachment 设成 fixed 就能固定背景图片了。如果要取消固定的话,只要把 background-attachment 删掉或是设成 none 就行了。而其中的 background-repeat设成 no-repeat 是避免当背景图片太小张时,让它不要重覆的显示。
对于一些图片文字的居中,在本次写网页的时候主要用到了一些:
1. line-height属性
2. text-align:center;
3.display: flex;
justify-content: center;(水平居中)
align-items: center;(垂直居中)
还有一些过渡以及遮罩层的使用与实现的思路
transition-property:width;
transition-duration:1s;
transition: width 2s, height 2s, transform 2s;
当然还涉及到很多很多的知识比如动画什么的都需要继续深入学习,相信自己会继续变得更加优秀。