2017年07月_没有风雨怎能远方

原创 Html5 canvas标签实现简易画图板

* { margin: 0; padding: 0; } .zt { width: 600px; height: 600px; border: solid 4px rgba(0, 0, 0, 0.67); margin-le

2017-07-29 16:43:35 883 1

原创 JS 控制图片在浏览器上幻灯片式自动播放

浏览图片 *{ margin:0px; padding: 0px; } .ct{ margin: 0 auto; width: 500px; } .pic{ height: 500

2017-07-27 11:33:37 2342

原创 Html5多媒体标签与拖拽

1.多媒体标签1.音频：（如果浏览器不支持就显示）不支持时显示controls属性：属性值与属性名同。可以省略。控制显浏览器默认控制条。常用方法：play()播放视频音频方法 pause() 暂停播放 load() 重新加载文件 anPlayType(type) 判断是否可播放该类型的音频、视频。返回值：probably：支持播

2017-07-26 15:53:30 682

原创 Html5新增常见标签

HTML5所有标签汇总及标签意义解释这篇文章主要介绍了HTML5所有标签汇总及标签意义解释,本文总结了结构标签、多媒体交互标签、Web应用标签、注释标签、其他标签等内容,可以参考下结构标签：(块状元素) 有意义的div 标记定义一篇文章标记定义一个页面或一个区域的头部标记定义导航链接标记定义一个区域

2017-07-24 16:12:11 889

原创导航栏切换导航条的移动

导航条滑动 *{ padding: 0; margin: 0; } .box{ width: 1049px; margin: 20px auto; position: relative; backg

2017-07-22 14:53:37 576

原创 JS 控制网页轮播图片的自动,按钮,导航原点转换

效果如下图script type="text/javascript"> //实现进入轮播区域，显示按钮 //banner-item是div大盒子里面的id var bannerItem = document.getElementById("banner-item"); //获取轮播图片、轮播按钮、轮播导航点三部分但是有四个ul var bannerI

2017-07-15 17:22:58 1744 1

原创 CSS浮动分析

CSS浮动分析1.脱离标准文档流实现定义：让标签脱离标准文档流的约束限制，独自进行定位设置约束：一般脱标设置的都是块级元素（内联元素可以脱标，不常用）实现方式：浮动、绝对定位、固定定位2.浮动的特性1>.浮动的元素脱离了标准文档流的约束2>.浮动的元素相互贴靠3>.浮动的元素具有字围现象4>.浮动的元素对后面的元素有影响3去除浮动影响

2017-07-11 15:37:57 218

原创 CSS定位分析与理解

css定位分类1.静态定位：static2.相对定位：relative3.固定定位：fixed4.绝对定位：absolute1.静态定位position:static;静态的定位是相对网页左上角来定位2相对定位position:relative;相对定位不脱离标准文档流，对标准文档流还存在影响。左边的字并不会向前移动。通俗的讲就是相对自己原来的

2017-07-10 21:18:52 295

原创 CSS层叠样式表深层理解

盒子模型width（宽度）- 设置模型的内容宽度height（高度）- 设置模型的内容高度padding（内边距）- 设置模型的内边距的距离margin（外边距）- 设置模型的外边距的距离border（边框）- 设置模型的边框大小分方向显示时的属性值padding和margin都一样。四个值都设置：上右下左三个值设置了：上右左下

2017-07-10 20:53:16 670

原创 JS 浏览器网页显示跳动的时间代码

效果如下图html>html>head lang="en"> meta charset="UTF-8"> title>title>style> body{margin-left: 300px; margin-top: 200px; font-size: 60px; color: red;

2017-07-10 20:24:23 1364

原创 CSS层叠样式表理解

CSS层叠样式表css 层叠样式表属于标记型语音 cssDIV + CSS是WEB设计标准，是一种网页布局方法样式分类行内样式（位于HTML标签体内部）其内联样式（位于head标签内）样式代码外部样式（外部文件+link引入）选择器标签选择器（标签名{} body{ ...}）类class选择器（.class名{}）id选择器（

2017-07-10 20:17:45 567

原创 Html 理解

html （超文本标记语言）编辑网页Html 超文本标记语言决定网页的结构文本内容； Css层叠样式表决定网页的样式；JS Java Script 脚本语言决定网页的"行为"；1.骨架结构 :文档标记，也称 HTML开始标记 :头标记，也称HTML头信息开始标记

2017-07-10 19:59:27 274

yyf0409的博客