基本效果如图: 这里的烟花特效 是配合鼠标点击去实现的 (你要是想绑定别的事件也可) 创建一个烟花,从底部升起运动到目标位置 到达目标位置之后,删除它的同时 炸出一堆烟花 HTML布局+CSS样式 <div class="container"></div> 1 <style> 2 .containe ...
分类:
Web程序 时间:
2020-03-22 11:15:10
阅读次数:
151
* html布局和css样式在最下 基本效果如图: 1、面向过程 1 <script> 2 // 1. 找到所有的按钮 3 // 2. 给按钮添加事件 4 // 3. 根据按钮的下标显示对应的内容 5 6 // 1. 找到所有的按钮 7 var btns = document.querySelect ...
分类:
Web程序 时间:
2020-03-22 10:59:38
阅读次数:
92
1.CSS:CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表,CSS是配合HTML的,HTML主要负责页面的结构,CSS主要负责页面的美化 2.CSS基本语法:css的定义方法是 :选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起 ...
分类:
Web程序 时间:
2020-03-21 14:36:48
阅读次数:
77
Ant Design of React文档 1 安装:$ cnpm install antd --save 2 在css文件中引入 Antd的css样式表 @import '~antd/dist/antd.css';(例如在App.css文件中最上方引入,但不要放在编码上面) ...
分类:
其他好文 时间:
2020-03-18 20:09:15
阅读次数:
67
通过DOM可以实现JavaScript去操作HTML元素和CSS样式,完成简单的动态操作,当点击相应按钮,执行相应操作,为按钮添加相应事件//定义"改变颜色"的函数//定义"改变宽高"的函数//定义"隐藏内容"的函数 //定义"显示内容"的函数//定义"取消设置"的函数 ...
分类:
编程语言 时间:
2020-03-17 23:46:24
阅读次数:
83
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .btns input{ 8 height: 40 ...
分类:
Web程序 时间:
2020-03-14 20:09:51
阅读次数:
71
Django创建站点的基本步骤 下载css样式文件 https://semantic-ui.com/introduction/getting-started.html 使用django创建项目 D:\python\mooc_uinversity_songtian\python_web>django- ...
分类:
其他好文 时间:
2020-03-14 01:18:24
阅读次数:
62
CSS就是在html标签上添加各种有特色的属性 在标签上设置style属性 编写css样式(注释/* */) 1、标签的style属性 backgroud-color:背景颜色 font-size: 字体大小 height 2、写在head里面,style标签 -#选择器 - - - 层级选择器 - ...
分类:
Web程序 时间:
2020-03-13 15:56:30
阅读次数:
78
vue中scoped的作用: 实现组件的私有化, 当前style属性只属于当前模块. 但是当我们使用公共组件的时候会造成很多困难. scoped的实现原理: 在DOM结构中可以发现,vue通过在DOM结构以及css样式上加了唯一标记,达到样式私有化,不污染全局的作用, 可以看出,加上scoped后的 ...
分类:
其他好文 时间:
2020-03-12 15:56:40
阅读次数:
37
CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ,100% 是动画的 完成 ,这样的规划就是动画序列 再 中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果 ...
分类:
Web程序 时间:
2020-03-09 21:08:55
阅读次数:
81