不动如山田

2019年5月21日

摘要： Svg 矢量图 Svg绘制矢量图canvas用于绘制位图 Svg使用xml格式绘制图形 Svg要有一个根节点叫svg标签就相当于html Svg如果不设置大小默认占用面积300*150 定义矩形 Rect 标签属性有 width height x y rx ry fill stroke-wi 阅读全文

posted @ 2019-05-21 19:36 不动如山田阅读(335) 评论(0) 推荐(0) 编辑

Canvas画布位图

摘要： fillRect() 绘制一个填充的方块默认颜色是黑色 strokeRect() 绘制带边框的方块绘制线条 moveTo() 绘制线段的起点 lineTo() 绘制线段的领点每个线条只能有一个moveTo可以有多个lineTo Stroke()绘制线段 beginPath() ClosePat 阅读全文

posted @ 2019-05-21 19:35 不动如山田阅读(259) 评论(0) 推荐(0) 编辑

Zepto

摘要： Zepto就相当于jquery，zepto是手机端的框架。二者最大的区别就是jq对ie做了太多的处理而zepto没有，所以他是一个轻量级的框架。 1.文档加载 Zepto(function(){ }) 2 选择器使用$进行元素选择跟jq一样 3 $.each() 对数组集合对象进行遍历 4 阅读全文

posted @ 2019-05-21 19:30 不动如山田阅读(616) 评论(0) 推荐(0) 编辑

2019年5月15日

html5新增表单控件和表单属性

摘要： Forms 新的输入型控件 email : 电子邮箱文本框，跟普通的没什么区别当输入不是邮箱的时候，验证通不过移动端的键盘会有变化输入的不是邮箱，点击提交后会有提示 tel : 电话号码 tel的功能主要在移动端，一个键盘的切换 url : 网页的URL search : 搜索引擎 —chro 阅读全文

posted @ 2019-05-15 11:12 不动如山田阅读(557) 评论(0) 推荐(0) 编辑

初识html5

摘要： html5基本结构 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html> 下面开始讲页面结构的划分的标签： Header Footer Nav Hgroup 阅读全文

posted @ 2019-05-15 10:59 不动如山田阅读(141) 评论(0) 推荐(0) 编辑

2019年5月7日

H5 css3背景透明度

摘要：背景的透明度 Opacity:0-1; 标准浏览器的写法，内容字体跟着一起有透明度。 Background:rgba(255,2,2,.3) 标准浏览器拥有的，但是元素内容不跟着一起透明。在ie8一下透明度的写法 filter:alpha(opacity=30); 阅读全文

posted @ 2019-05-07 19:14 不动如山田阅读(5474) 评论(0) 推荐(0) 编辑

H5 css3布局

摘要：移动布局 1.移动设备手机和ipad 安卓系统 ios系统安卓系统内置浏览器是谷歌 ios内置 safari浏览器他们的内核都是webkit，不考虑兼容性，需要考虑的是安卓和ios的区别。 2，布局设备宽度设备的实际大小设备的分辨率厂家给的页面的大小设计稿上的大小浏览器的视口阅读全文

posted @ 2019-05-07 19:14 不动如山田阅读(697) 评论(0) 推荐(0) 编辑

H5 css3特效

摘要： 3.css3的特效 1.2D转换属性是transform 属性值 translate() rotate() scale() skew() Translate 平移语法 translate(x,y) Rotate 旋转语法 transform:rotate() Scale 缩放语法 trans 阅读全文

posted @ 2019-05-07 19:13 不动如山田阅读(489) 评论(0) 推荐(0) 编辑

H5 css3渐变

摘要：恢复内容开始水平渐变 linear gradients 语法 background:linear-gradient(direction，color1，color2，……) Direction 0% 在0%处是纯红色 20%是纯蓝色如果最后一个值不是100% 代表从这个值到100%都是纯oran 阅读全文

posted @ 2019-05-07 19:12 不动如山田阅读(1676) 评论(0) 推荐(0) 编辑

H5css3的文本属性

摘要： Text-align Text-decoration Text-indent 文本缩进 Text-shadow 文本阴影 Text-shadow:x轴偏移距离 y轴上偏移距离 r阴影范围 color 阴影的颜色； X和y可以为负数 x为负向左偏 y为负向上偏 Text-overflow 文本溢出阅读全文

posted @ 2019-05-07 19:09 不动如山田阅读(159) 评论(0) 推荐(0) 编辑

公告