2020年8月18日
HTML5的canvas绘图
摘要： (1)、什么是画布 HTML5<canvas>元素用于图形的绘制，通过脚本(通常是JavaScript)来完成。 <canvas>标签只是图形容器，必须使用脚本来绘制图形。你以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。 (2)、创建一个画布（Canvas） 一个画布在网页中是一 阅读全文
posted @ 2020-08-18 21:44 wen22 阅读(213) 评论(0) 推荐(0) 编辑
HTML5拖放
摘要： HTML5拖放 (1)、什么是拖放 1、拖放是一种常见的特性，即抓取对象以后拖到另一个位置 (2)、HTML5拖放实例 <script> ev可以实现内容共通。 dataTransfer html5 新加对象 <script> ev可以实现内容共通。 dataTransfer html5 新加对象 阅读全文
posted @ 2020-08-18 21:39 wen22 阅读(127) 评论(0) 推荐(0) 编辑
2020年8月17日
html5基础
摘要： html5基础 Html基础 1、什么是HTML5 HTML5是新一代HTML标准。 2、HTML,HTML4.01的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变。 3、HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 4、HTML5的设计 阅读全文
posted @ 2020-08-17 22:32 wen22 阅读(122) 评论(0) 推荐(0) 编辑
2020年8月16日
JavaScript介绍与组成
摘要： JavaScript介绍与组成 1、JavaScript历史 ① 发明的公司：网景(livescript)--sun ② 发明人：布兰登-艾克 ③ java与JavaScript的关系：Java 服务器端的编程语言，JavaScript运行在客户端(浏览器)的编程语言，两者毫无关系 2、javasc 阅读全文
posted @ 2020-08-16 18:36 wen22 阅读(152) 评论(0) 推荐(0) 编辑
css扩展 区别总结（rgba()和opacity、CSS伪类与CSS、px与em、link 和@import）
摘要： 1、rgba()和opacity的透明效果有什么不同？ a. opacity作用于元素，以及元素内的所有内容的透明度，rgba()只作用于元素的颜色或其背景色。 b. 设置rgba透明的元素的子元素不会继承透明效果！ 2. CSS伪类与CSS伪对象的区别 CSS 引入伪类和伪元素的概念是为了描述一些 阅读全文
posted @ 2020-08-16 18:33 wen22 阅读(181) 评论(0) 推荐(0) 编辑
html新元素标签（iframe）
摘要： 一、ifarme 1、定义： <iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到 <iframe> 和 </iframe>里面，这样不支持 <iframe>的浏览器就会出现提示的文字。 阅读全文
posted @ 2020-08-16 17:41 wen22 阅读(475) 评论(0) 推荐(0) 编辑
html各种区别扩展（src与herf、xhtml与html、alt与title）
摘要： 1. <img>标签上title属性与alt属性的区别是什么？ alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用 阅读全文
posted @ 2020-08-16 17:40 wen22 阅读(224) 评论(0) 推荐(0) 编辑
css扩展（1）（文字溢出与图片间距解决）
摘要： css扩展（1）（文字溢出与图片间距解决） 一、文字溢出 1、word-break:自动换行 (1) break-all：允许在单词内换行。 (2) keep-all：只能在半角空格或连字符处换行。 (3) 注意：主要处理英文单词 2、多余的部分显示省略号 (1) white-space：nowra 阅读全文
posted @ 2020-08-16 17:15 wen22 阅读(413) 评论(0) 推荐(0) 编辑
css精灵图与字体图标
摘要： css精灵图与字体图标 一、精灵图 1、通过淘宝网首页查看精灵图的请求过程 2、为什么要用精灵图？ (1) 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间 3、如何去减轻服务器压力，减少加载图片的时间 ① 图片的懒加载 ② 精灵图 4、CSS精灵图定义： ① CSS sprites 阅读全文
posted @ 2020-08-16 17:07 wen22 阅读(164) 评论(0) 推荐(0) 编辑
css一些常用属性统计(行高、背景、轮廓、vertical、鼠标样式、防文本拖拽)
摘要： css一些常用属性统计(行高、背景、轮廓、vertical、鼠标样式、防文本拖拽) 1、行高属性 line-height 属性值与盒子的高度相同———垂直居中 属性值＜盒子高度———文本靠上 属性值＞盒子高度———文本靠下 2、背景（背景色、背景图） 背景色 写法 、英文单词 background- 阅读全文
posted @ 2020-08-16 17:04 wen22 阅读(127) 评论(0) 推荐(0) 编辑