HTML+CSS - 随笔分类 - xiangcy

摘要：留声卡阅读全文

posted @ 2017-05-26 15:47 xiangcy 阅读(336) 评论(0) 推荐(0)

315

摘要：315特别策划 ... 阅读全文

posted @ 2017-03-23 17:43 xiangcy 阅读(286) 评论(0) 推荐(0)

摘要：页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码<link rel="stylesheet" rev="stylesheet 阅读全文

posted @ 2017-03-14 15:02 xiangcy 阅读(148) 评论(0) 推荐(0)

canvas 绘制倒计时

摘要：<!DOCTYPE HTML><html lang="zh" style="height:100%;"><head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <me 阅读全文

posted @ 2017-02-17 09:51 xiangcy 阅读(244) 评论(0) 推荐(0)

Unit06： Web Worker 、 Web存储API 、 WEB Socket

摘要：【web worker】基本内容：单线程和多线程； worker可以模拟多线程的效果；定义：--运行在后台的Javascript； ****：不能访问页面，不能访问dom；在worker文件中只能使用javascript中的ECMA；除了IE8以下都支持； 1.worker提供的API： - 阅读全文

posted @ 2017-02-16 16:08 xiangcy 阅读(189) 评论(0) 推荐(0)

Unit05：Geolocation 、拖放API

摘要：地理定位的方式：-- GPS ：美国的卫星-- 北斗定位：纯国产，惯性定位；-- 基站定位：移动运营商的基站（提供信号源）-- 基于互联网：IP地址；目前很多浏览器都具有定位功能； H5中的地理定位技术：由Google提供的* Google Map产品；中国不能使用Google公司所有服务阅读全文

posted @ 2017-02-16 16:07 xiangcy 阅读(185) 评论(0) 推荐(0)

Unit04： SVG 、 Two.js 框架

摘要：【SVG】在HTML5出现之前就有； SVG：矢量图； SVG的扩展名：“.svg”; SVG使用的是XML语法；概念： SVG是一种使用XML技术描述二维图形的语言；特点： SVG绘制的图形可以被搜索引擎抓取；图片质量不下降的情况下无线放大；不失帧； SVG VS Canvas Canvas绘阅读全文

posted @ 2017-02-16 16:05 xiangcy 阅读(451) 评论(0) 推荐(0)

Unit03： Canvas上绘图-2 、处理Canvas中的图像、 Chart.js 框架

摘要：Canvas 绘制图形1.绘制文字方法: fillText(text,x,y) - 实心文字 text - 绘制的文字内容 x和y - 绘制的坐标值 strokeText(text,x,y) - 空心文字属性: font - 类似于CSS中的font属性textAlign- 设置文字的水平方向对阅读全文

posted @ 2017-02-16 16:02 xiangcy 阅读(827) 评论(0) 推荐(0)

滤镜

摘要：滤镜： .main-01-li03 { background:url(http://s0.ifengimg.com/2016/02/02/main-01-li03_0ad488c7.png); background:none\0; *background:none; filter:progid:dx 阅读全文

posted @ 2017-02-16 15:48 xiangcy 阅读(109) 评论(0) 推荐(0)

css3 同心圆旋转(2)

摘要：<!DOCTYPE HTML><html lang="zh"><head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" co 阅读全文

posted @ 2017-02-16 15:37 xiangcy 阅读(312) 评论(0) 推荐(0)

css3 同心圆旋转(1)

摘要：<style> *{ margin:0; padding:0; } @keyframes spin{ from{ transform: rotate(0turn) translateY(-150px) translateY(50%) rotate(1turn); } to { transform: 阅读全文

posted @ 2017-02-16 15:36 xiangcy 阅读(1298) 评论(0) 推荐(0)

canvas擦拭效果-刮刮卡

摘要：TJ 阅读全文

posted @ 2016-05-12 13:47 xiangcy 阅读(181) 评论(0) 推荐(0)

css 滤镜

摘要：.main-01-li03 { background:url(http://s0.ifengimg.com/2016/02/02/main-01-li03_0ad488c7.png); background:none\0; *background:none; filter:progid:dximag 阅读全文

posted @ 2016-05-12 10:51 xiangcy 阅读(121) 评论(0) 推荐(0)

Unit02： HTML5 视频处理、音频处理

摘要：1.视频处理： 1.<video src="一种格式" autoplay></video>标签不影响HTML页面，耗显卡和cpu 如果当前浏览器不支持video元素，可以在video元素内编写提示信息；<video>浏览器不支持</video> ***** <video>支持的视频格式 MP4格式阅读全文

posted @ 2016-04-01 17:59 xiangcy 阅读(231) 评论(0) 推荐(0)

Unit01： HTML5表单元素、表单属性、表单验证

摘要：【HTML5新表单】 1.type: - email ：验证逻辑不完整，只验证是否包含 @ ； - search ： - url ：验证逻辑不完整，只判断是否包含 http:// ； - tel ：电话号码类型: 只能在移动端有效果，会弹出数字键盘；只能输入数字； pc端，可以输入英文； - 阅读全文

posted @ 2016-03-30 17:59 xiangcy 阅读(490) 评论(0) 推荐(0)

css3 转换、过渡、动画、 CSS 优化

摘要：1. 转换的原点默认在中心点；修改原点：transform-orign: 值： 1.x坐标 y坐标当前物体左上角为x:0px y:0px; 2.宽度百分比高度百分比 0% 0% 左上点 50% 50% 中心点 3.关键字： top bottom left right center 中间默认阅读全文

posted @ 2016-03-29 11:08 xiangcy 阅读(745) 评论(0) 推荐(0)

CSS3复杂选择器

摘要：1.相邻兄弟选择器 P+b : 同一个父元素下p标签后面的第一个兄弟元素b； 2.通用兄弟选择器 p~b : 同一个父元素下p标签后面的所有兄弟元素b； 3.属性选择器将元素属性用于选择器中，从而获取指定元素属性或者值得元素；语法： [属性] ：匹配 "指定属性" 的 "所有" 元素；元素[ 阅读全文

posted @ 2016-03-29 10:17 xiangcy 阅读(2731) 评论(0) 推荐(1)

小橙子

随笔分类 - HTML+CSS