欢迎来到ZeroAO的博客

竹杖芒鞋轻胜马,谁怕?一蓑烟雨任平生。
扩大
缩小

随笔分类 -  HTML/CSS

html相关
node koa-multer vue mysql文件上传删除
摘要:在项目中要管理图片文件,本项目中MySQL中存储是地址,利用koa-multer管理上传图片 首先安装引入 npm install koa-static --save 新建upload.js文件 var router = require('koa-router')(); var koaBody = 阅读全文

posted @ 2020-12-01 15:38 Zeroao 阅读(423) 评论(0) 推荐(0) 编辑

H5新增语言化标签
摘要:article: 标签定义外部的内容。 aside:标签定义 article 以外的内容。a audio:h5新增音频标签。没有高宽属性。 canvas:h5新增画布标签。 command: 定义命令按钮(未测试) datalist:标签定义选项列表。 datalist 及其选项不会被想显示出来,它 阅读全文

posted @ 2020-07-13 16:21 Zeroao 阅读(209) 评论(0) 推荐(0) 编辑

filter,forEach和some用法
摘要:一、forEach(),用于遍历数组,无返回值 二、some(),用于判断数组中的是否存在满足条件的元素,返回一个布尔值 三、filter(),用于筛选数组中满足条件的元素,返回一个筛选后的新数组 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文

posted @ 2020-05-09 23:26 Zeroao 阅读(741) 评论(0) 推荐(0) 编辑

Cookie 和 Session
摘要:1、Cookie 主要用于以下三个方面: 会话状态管理(如用户登录状态、购物车、游戏分数或其它需要记录的信息) 个性化设置(如用户自定义设置、主题等) 浏览器行为跟踪(如跟踪分析用户行为等) Session Session 代表着服务器和客户端一次会话的过程。Session 对象存储特定用户会话所需 阅读全文

posted @ 2020-05-08 23:59 Zeroao 阅读(152) 评论(0) 推荐(0) 编辑

jQuery的css函数设置
摘要:$(selector).css(name,function(index,value)) name:必需。规定 CSS 属性的名称 function(index,value): 规定返回CSS属性新值的函数。 index - 可选。接受选择器的index位置 value - 可选。接受CSS属性的当前 阅读全文

posted @ 2020-04-10 12:13 Zeroao 阅读(277) 评论(0) 推荐(0) 编辑

html5-voideo_DOM
摘要:HTML5 <video> - 使用 DOM 进行控制 为视频创建简单的播放/暂停以及调整尺寸控件: 代码如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content= 阅读全文

posted @ 2020-03-28 23:46 Zeroao 阅读(394) 评论(0) 推荐(0) 编辑

HTML5作业6过度与变形
摘要:本次的作业是练习过度与变形 1、是改变边框为圆形 2、是放大图片 3、是旋转 4、是变透明 源代码如下 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt 阅读全文

posted @ 2020-03-28 23:02 Zeroao 阅读(320) 评论(0) 推荐(0) 编辑

HTML5作业5彩色块
摘要:拼个四彩板 代码如下 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文

posted @ 2020-03-23 22:35 Zeroao 阅读(451) 评论(0) 推荐(0) 编辑

html5-voideo
摘要:HTML5 规定了一种通过 video 元素来包含视频的标准方法。 当前,video 元素支持三种视频格式: Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 阅读全文

posted @ 2020-03-23 22:26 Zeroao 阅读(378) 评论(0) 推荐(0) 编辑

HTML5作业4广告图
摘要:我们的作业是写个广告,如图所示 我们开始对它进行分析排版 1、第一排引用特殊字体@font-face 2、第二排引用字体阴影text-shadow 3、最下排使用雪碧图 代码如下 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8 阅读全文

posted @ 2020-03-23 21:50 Zeroao 阅读(497) 评论(0) 推荐(0) 编辑

HTML5作业3超级课程表模板
摘要:我们作业是做一个下图一样的模板 分析: 1、主体使用表格 2、图片用<caption>包下 3、表头<thead> 4、合拼单元格使用rowspan 5、表格默认是双线,设置border-collapse: collapse;设置为单线 6、为适应不同手机屏幕大小,需用响应式 源代码如下 <!DOC 阅读全文

posted @ 2020-03-13 22:36 Zeroao 阅读(1978) 评论(0) 推荐(0) 编辑

HTML5作业2绘画h5标志
摘要:分析1定位出整个页面背景区域,并实现背景光束2使用画布定义logo样式,并画出盾牌的背景3画出盾牌的右半边4画出浅橘色区域5画出“5”的左半边6画出“5”的右半边7在盾牌上方添加“HTML”字样源代码如下 <!DOCTYPE html> <html> <head> <meta http-equiv= 阅读全文

posted @ 2020-03-13 22:13 Zeroao 阅读(311) 评论(0) 推荐(0) 编辑

HTML5作业1员工信息登记表
摘要:首先,我们的作业是写个表单,如图所示 然后我们开始对它进行分析排版1、一般来说表单位置应当居中,我们可以在外部利用margin: 0 auto;position: relative;内部利用left: 50%;margin-left:来达到居中的目的。2、标题可使用h标签,主体部分明显行高相同,可使 阅读全文

posted @ 2020-03-13 22:08 Zeroao 阅读(1053) 评论(0) 推荐(1) 编辑

导航

Live2D