H5C3
Html5以及CSS3的入门和相关应用
头上三尺很有神
这个作者很懒,什么都没留下…
展开
-
H5C3 canvas画布
H5C3 canvas画布canvas画布设置画布大小画线画圆画矩形闭合图形图形变换渐变图片绘制drawImage()图片剪切drawImage()设置文字阴影绘制曲线绘制保存和恢复绘制环境clearRect() 方法图像画刷区域剪辑canvas中的动画canvas离屏canvas画布获取canvas元素搭建canvas画布的绘制环境(我们所有的绘制行为都是在这个环境下进行的)getContext(“2d”)在内存绘制(仅仅存在于内存中 我们看不到)绘制到页面 stroke()<!DOC原创 2020-05-15 22:42:03 · 516 阅读 · 0 评论 -
H5C3 弹性布局和多媒体标签
H5C3 弹性布局和多媒体标签弹性布局手机旅游页面案例多媒体标签自定义播放器弹性布局弹性布局也叫做伸缩布局 是c3中新增的一种布局方式 而且移动端用的多给父元素设置弹性布局(display:flex)那么就让他的子元素应用弹性布局如果使用了弹性布局 那么就让所有的子元素沿着主轴方向排列 默认的主轴方向是x轴注意点 弹性布局保证的是 子元素在主轴方向永远不会超出 进行弹性布局(伸缩布局)但是副轴方向管不着加在父元素上的属性display:flex 设置弹性布局justify-content 设原创 2020-05-15 22:10:59 · 263 阅读 · 0 评论 -
H5C3 操作类、存储方式、拖拽的实现
H5C3 操作类、存储方式、拖拽的实现操作类 classList本地存储案例 ; 百度搜索框临时存储拖拽双向拖拽案例操作类 classListclassList的作用 : 就是用来操作类元素.classList.add(“新增的类名”)添加一个类元素.classList.remove(参数)删除类参数是指定删除的类名元素.classList.toggle(参数)切换类参数是切换的类名,判断元素有没有这个类 有的话就去掉 没有的话就加上元素.classList.contains(参数)原创 2020-05-15 21:58:08 · 130 阅读 · 0 评论 -
H5C3 2D和3D效果
2D转换就是在x为横坐标 y为纵坐标的坐标系里进行转换主要设置transform属性属性值有哪些(旋转 平移 缩放 扭曲) 特点平移translate() 两个参数 分别是沿x轴移动的距离 沿y轴移动的距离如果只写一个参数 表示只沿着x轴移动 如果只想让它沿着y轴移动 那么就把第一个参数设置为0,第二个参数就表示沿着y轴移动translateY(); 专门设置沿着y轴移动translateX(); 专门设置沿着x轴移动旋转rotate() 参数是旋转的角度 带单位的角度原创 2020-05-15 21:46:44 · 278 阅读 · 0 评论 -
H5C3的一些属性
H5C3的一些属性伪类选择器伪元素选择器transition(过渡)盒子阴影盒子模型文字阴影背景属性渐变animation动画百分比动画伪类选择器伪类选择器:hover 悬停:link 当时写不出来 没有访问过的链接:active 当我们鼠标点击时:visited 点击之后的这四种伪类选择器都是以:开头 而且都是用于a标签的hover 是适用于所有元素伪类选择器是可以单独使用的 只是我们一般不会单独使用nth-child找一个元素并且这个元素是第一个子元素元素名:first-chi原创 2020-05-15 21:39:23 · 166 阅读 · 0 评论 -
H5C3介绍
H5C3介绍H5C3介绍H5专门规定的布局标签h5里面新增inpu标签 type值新标签的兼容性网页结构自定义属性H5C3介绍H5 指的就是HTML5 HTML5是第五个正式发布的版本 5 是版本号HTML5相比于之前有较大的变动 classList.remove input email time phone类型C3 :css3 就是css的第三个版本 主要是新增一些选择器 样式 动画H5专门规定的布局标签头部 header导航区域 nav主体部分 main小模块 section边栏原创 2020-05-15 21:13:42 · 2338 阅读 · 0 评论