WEB前端第八课——CSS基础

1.CSS用于HTML文档中元素样式的定义,实现了将内容与表现分离,提高了代码的可重用性和可维护性,文件后缀是“.css” 2.HTML=结构层,CSS=表示层,JavaScript=行为层 3.CSS样式表的引入方式: ① 内联方式(行内样式),直接把CSS代码用style属性添加到开始标签中, ...

WEB前端第七课——视频、音频、图形

1.<video></video> 用于定义视频,如影视片段 语法<video src="XXXmovie.mp4" controls></video> 支持视频格式:mp4、ogg移动端、webM高清 常用属性: src,视频的地址url autoplay,视频就绪后自动播放 controls,向 ...

WEB前端第六课——HTML5主要更新

1.新增类型 电子邮件类型,语法<input type="email"/>,input中输入的内容必须包含“@”,并且“@”后面必须有内容 搜索类型,语法<input type="search"/>,输入搜索关键字的文本框 URL类型,语法<input type="url"/>,输入web站点的文本 ...

Windows环境搭建Vue开发环境

一、安装node.js(https://nodejs.org/en/) 下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。 二、设置nodejs prefix(全局)和cache(缓存)路径 1、在nodejs安装路径下,新建node_global和node_cache两个文件夹 2、设 ...

HTML常用标签

"我们可以仰望星空,总想学点新技术;但也不能躲避日常,毕竟是业务驱动。" ——有心人做有心事哦,早安EmilyChen! 标签类型 举例 双标签tags 块级block div(division)、p(paragraph)、h1~h6(head)、ol(orderlist)、ul(unorderli ...

移动WEB开发

一、视口的概念 layout viewport(布局视口):在PC端上,布局视口等于浏览器窗口的宽度。而在移动端上,由于要使为PC端浏览器设计的网站能够完全显示在移动端的小屏幕里,此时的布局视口会远大于移动设备的屏幕,就会出现滚动条。js获取布局视口:document.documentElement ...

WEB前端第五课——HTML表单

1.<iframe></iframe>标签 iframe(inner frame)为内联框架,iframe元素是可以创建包含另外一个文档的行内框架,是body 的子集 常用属性: width 设置内联框架的宽度 height 设置内联框架的高度 name 设置框架的名称 src 设置页面内容的路径 ...

HTML语法

"凝视掌心短短的生命线,自言自语是否真有命运,沉默的妻只是拿笔将他延续到手腕,把HTML圈养起来。" ——有心人做有心事哦,早安EmilyChen! 代码 注解 <!DOCTYPE html> 给浏览器说明 “这是HTML文档类型,按照HTML5版本解析” <html lang="en"> 给浏览器 ...

HTML简史

"或许你现在羡慕我,把生活过成了你们梦寐以求的样子,因为你们只看到了现在的我,并不了解以前的我,更不知道我是如何一步步成为现在的我。我并不认为现在的自己有多优秀,现在的生活有多光鲜。但回望过去,那个小小的,出身很一般,调皮胆怯的小男孩到今天的我,确实已经在不知不觉中走了很远,也成长了许多。我不想过多 ...

HTTP状态码大全

值 中文描述 英文名称 100 继续 Continue 101 交换协议 Switching Protocols 102 处理中 Processing 103 早期提示 Early Hints 104-199 未分配 Unassigned 200 请求成功 OK 201 已建立 Created 20 ...

移动WEB开发的rem布局、Less使用

移动WEB开发的rem布局 目标(目录) 能够使用rem单位 能够使用媒体查询的基本语法 能够使用Less的基本语法 能够使用Less中的嵌套 能够使用Less中的运算 能够使用2种rem适配方案 思考:1、页面布局文字能够随着屏幕大小的变化而变化? 2、流式布局和flex布局主要针对于宽度布局,那 ...

接前端页面

价格便宜50-100 有图的(仿站无需图) 包动画效果 也可以包接口对接 太复杂的页面价格另算 有意加qq896705559 另出体温单源码 http://106.12.212.110:8077/#/ 在线地址 包括折线图 虚线实线 下垂线 阴影区域等 自定义每日时间 按照医院标准编写 ...

px和em,rem的区别

1、px是相对长度单位,它是相对于显示器屏幕分辨率而言的。 优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。 2、em是相对长度单位,EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 优缺点:em的值并不是固定 ...

echarts 各种特效图

饼图标签展示数值 配置项: option = { title: { text: '项目时间分布', left: 'center' }, tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c} ({d}%)' }, legend: { or ...

canvas中的drawImage

一、在canvas画布中如何加载图片 用drawImage( )方法 drawImage用法的三种情况: 1、在画布指定位置定义图像 ctx.drawImage(img,x,y); 注:此时画布上显示的图片大小是图片的默认大小 2、在画布上定位图像,并规定图像的宽度和高度: ctx.drawImag ...

HTML语义化

1.让人更容易读懂(增加代码可读性) 2.让搜索引擎更容易读懂 (SEO:爬虫依赖于标签来确定上下文和各个关键字的权重) 常用标签 块级元素 <h1></h1> 最大的标题 <div></div> 用来排版大块HTML段落,也用于格式化表 <p></p> 创建一个段落 <dl></dl> 定义列表 ...

Canvas 基础二

一、绘制矩形 1、rect (x, y, width, height) : 绘制矩形的路径 用轨迹画的,不是独立路径( 没有beginPath() ) 需要stroke()描边才会显示 2、strokeRect (x, y, width, height) : 描边矩形 自动描边,有独立路径 3、fi ...

Canvas 画折线图

一、画折线图需要有如下准备如下: 1、绘制网格 2、绘制坐标系 3、绘制点 4、点连线就成了折线图 二、绘制网格 1、确认网格(每个格子)的大小 2、确认X轴方向有多少条横线 3、确认Y轴方向有多少条竖线 4、遍历画出来 <!DOCTYPE html> <html lang="en"> <head> ...

<1···345···18>