- 博客(18)
- 收藏
- 关注
RSS订阅原创 前端基础 小知识点
一、选择题（共10题，每题3分）1 . CSS 指的是？ BA. Computer Style SheetsB. Cascading Style SheetsC. Creative Style SheetsD. Colorful Style Sheets2 . 在以下的 HTML 中，哪个是正确引用外部样式表的方法？ BA. 3 . 在 HTML 文档中，引用外部样式表的正确位置是？A. 文档的末尾 DB. 文档的顶部C. 部分D. 部分4 . 哪个 HTML 标
2020-07-29 23:58:03
182
转载 CSS选择器
css的选择器：1.基本选择器 2.高级选择器基本选择器包含：1.标签选择器标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 “共性” 而不是 ”特性“基本选择器包含：body{ color:gray; font-size: 12px;}/*标签选择器*/p{ color: red;font-size: 20px;}span{ color: yellow;}2.id
2020-07-29 23:17:45
98
转载 css隐藏页面元素的方法
用css隐藏页面元素有许多种方法。第一种方法【opacity: 0;】opacity属性通常用于设置一个元素的透明度，从另一个角度来看，如果透明度为0，也就从视觉上隐藏了该元素。这个属性不是为改变元素的边界框（bounding box）而设计的，元素本身依然占据它自己的位置并对网页的布局起作用，它也将响应用户交互。第二种方法【visibility: hidden;】第二个要说的属性是visibility。将它的值设为hidden将隐藏我们的元素。如同opacity属性，被隐藏的元素依然会对我们
2020-07-28 13:32:38
110
原创 Canvas基础知识与图片绘制
Canvashtml5 canvas 元素用于图形绘制标签 ,通过脚本语言进行完成绘制(JavaScript)canvas 拥有默认的宽高 300px,150px<canvas width="500" height="500" style="border: 1px solid black;"></canvas>border: 边框的宽度 线的种类 边框的颜色//获取画板标签var can = document.getElementById("myCanvas");/
2020-07-25 10:59:56
209
原创 JavaScript对象创建的多种方式
1.直接创建对象var 对象变量名称 = new Object();对象变量名称.属性名称 = 值;对象变量名称.方法名称 = function(参数列表){ 函数体}对象变量名称.属性名称；对象变量名称.方法名称(参数)；//1.对象的创建 var person = new Object();//创建对象实例 //2.给对象添加属性 person.name = "张三"; person.age = 20; //3.给对象添加方法 person.abc
2020-07-25 10:55:36
173
原创 九九乘法表制作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>九九乘法表</title> <style type = "text/css"> table{ border-collapse: collapse; } table td{ border: 1px solid #ccc;padding: 3px 6px; } </style
2020-07-25 10:16:53
573
原创 html表单元素应用实践详解
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form action="" method="post"> <fieldset> <legend>个人信息</legend> <label for="us
2020-07-25 06:52:14
157
原创 web飞机大战小游戏
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <canvas id="myCanvas" width="480" height="852" style="border:1px solid black"></canvas> <script&
2020-07-23 23:35:34
1361
11
原创 通用管理系统顶部及侧面导航栏简易制作
indexStystem.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>通用管理系统</title> <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/> <link rel="stylesheet" type="text/css" hr
2020-07-23 22:14:13
3145
原创 简易大圣取经小动画
monkey.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>大圣取经</title> <link rel="stylesheet" type="text/css" href="../css/monkeyStyle.css"/> </head> <body> <div class="bg_
2020-07-22 18:24:31
156
原创 web钟表小动画制作
colock.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/colockStyle.css"/> <script src="../js/colock.js" type="text/javascrip
2020-07-22 18:14:38
226
原创 Web实现简易音乐播放器
music.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <link rel="stylesheet" type="text/css" href="../css/musicStyle.css"/> <script src="../js/music.js" type="text/javascr
2020-07-22 18:03:28
3417
原创 js简易实现轮播图
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>最简单的轮播效果</title> <style> * { margin: 0; padding: 0 } .box { width: 500px; height: 300px; border: 1px sol
2020-07-22 17:55:54
119
原创 Web台球式多球随机碰撞运动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="myCanvas" width="1000" height="800" ></canvas> <script> var can = document.getEl
2020-07-22 15:05:02
316
2
原创 星空画布（刷新星星随机）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <body style="margin:0px;padding:0px;width:100%;height:100%;overflow:hidden;"> <canvas id="canvas" st
2020-07-22 09:45:51
316
原创 Web前端付费提交简单小项目
pay.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>支付页面</title> <link rel="stylesheet" type="text/css" href="../css/payStyle.css"/> <script src="../js/pay.js" type="text/javascript" ch
2020-07-21 22:42:12
187
原创 Web前端画图
简易皮卡丘<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="myCanvas" width="660" height="476" style="background-color:#FFE600" > </canvas>
2020-07-21 22:01:57
1078
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人