界面优化--动态背景

HTML

script标签

1. scipt标签用于链接一个外部脚本文件
2. 2.src属性规定外部脚本文件的URL
3. 若在html文件引用脚本可以直接

4. <!--script src="脚本.js" type="text/javascript"></script-->
   

css

CSS在网页制作时,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

定位

1.position：absolute
2.absolute参数：将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距，但仍有补白和边框 。
fixed
生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
relative
生成相对定位的元素，相对于其正常位置进行定位。

动态响应式背景

1. npm i vue-canvas-nest
2. 在所需的vue中添加组件，引用脚本

3. <vue-canvas-nest ></vue-canvas-nest>
   

4. import vueCanvasNest from 'vue-canvas-nest'
   

5. components: { vueCanvasNest }
   

6. const config = {
       color: '0,0,255',
       opacity: 0.7,
       zIndex: -2,
       count: 99,
       };
   

7.