HTML5
关注
分享
扫一扫
文章平均质量分 64
. . . . .
越努力越幸运！
展开
-
css3 user-select 禁止用户选中文字
定义和用法user-select 属性规定是否能选取元素的文本。在 web 浏览器中，如果您在文本上双击，文本会被选取或高亮显示。此属性用于阻止这种行为。参考链接：https://www.w3school.com.cn/cssref/pr_user-select.asp...原创 2021-08-08 10:59:57 · 259 阅读 · 0 评论 -
HTML5的拖拽总结
在拖拽的世界里，元素被分为2类，一类是被拖拽元素，一类是目标元素，即想把被拖拽的元素拖到哪里。拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。拖拽主要过程：把被拖拽的元素设置成可拖拽，即属性值draggable=true。在被拖拽的元素上添加dragstart事件，在开始拖放被拖放元素时触发。在目标元素上添加drop事件...原创 2019-06-22 11:16:18 · 342 阅读 · 1 评论 -
浏览器兼容性处理
在对HTML5的使用中，会出现很多浏览器兼容性的问题。如何解决？在Chrome浏览器上加上前缀webkit在firefox浏览器上加上前缀moz在IE浏览器上加上前缀ms在opera浏览器上加上前缀o...原创 2018-12-07 15:58:50 · 199 阅读 · 0 评论 -
HTML5+CSS3学习笔记(二)
1.原创 2018-12-05 15:59:04 · 243 阅读 · 0 评论 -
CSS3 box-sizing属性
box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box: border和padding不计算入width之内。padding-box: padding计算入width内。border-box: border和padding计算入width之内。例子：<style ty......原创 2018-12-05 10:55:18 · 413 阅读 · 0 评论 -
html5+css3学习笔记(一)
语义化标签html5给我们增加了许多语义化的标签，比如header、footer、nav、main、article、aside等，这些标签和div有同样的作用，只不过是更加语义化了。 html5给我们增加了许多语义化的标签，比如header、footer、nav、main、article、aside等，这些标签和div有同样的作用，只不过是更加语义化了。兼容性问题主流的浏览器对HTML5和...原创 2018-12-04 18:11:39 · 7766 阅读 · 0 评论 -
es6语法
1. JavaScript中var、let、const区别？使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现*象；使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升；使用const声明的是常量，在后面出现的代码中不能再修改该常量的值。使用const声明的变量只可以在声明时赋值，不可随意修改，这是最大的特点。2. 函数声明、函数表达式、匿名函数...原创 2018-09-06 11:02:47 · 204 阅读 · 0 评论 -
CSS绘制三角形的原理剖析
今天在写界面的时候要用到一个倒三角作为下拉按钮，下面对border进行解析 .border { width:50px; height:50px; border: 2px solid; border-color: #ADFF2F #BA55D3 #F4A460 #FF0000; } 如下： 当我们增原创 2018-01-13 16:46:51 · 288 阅读 · 0 评论 -
HTML5之drawImage函数
可用函数drawImage(image, x, y) //按原图片大小绘制。drawImage(image, x, y, width, height) //按指定大小绘制。drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight) //常原创 2017-04-18 21:59:23 · 11095 阅读 · 0 评论 -
HTML5阴影设置
阴影的设置很简单，如下几个设置就可以设置阴影 ctx.shadowColor = "Grey"; // 设置阴影的颜色 ctx.shadowBlur = 20; // blur level-->设置模糊度 ctx.shadowOffsetX = 15; // horizontal offset ctx.shadowOffsetY =原创 2017-04-18 16:47:57 · 3624 阅读 · 0 评论 -
画板实现小案例
废话少说，直接上代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>画板</title> <style type="text/css"> #myCanvas{ border: 1px solid #000; ma原创 2017-02-13 22:58:12 · 777 阅读 · 0 评论 -
HTML5之canvas详解
对于HTML5的内容，由于目前并不是所有的浏览器都兼容，所以我们首先需要判断你所用的浏览器是否支持canvas标签，判断方法如下: 你的浏览器不支持canvas标签 如果你的浏览器支持canvas标签，那么就不会显示那句话，否则就会显示出来。 1.定义canvas标签 2.原创 2017-02-13 18:07:45 · 4286 阅读 · 2 评论 -
HTML5地理位置定位API接口开发
一. 地理位置定位原理介绍 地理位置的定位目前有如下几种方式：GPS，IP地址，Wifi(国内基本不用)，GSM/CDMA基站的方式。 HTML5地理位置定位的实现： 1. 实现基于浏览器(无需后端支持)获取用户的地理位置技术。 2. 精确定位用于的地理位置(精度最高达10米之内，依赖设备)。 3. 可持续追踪用户的地理位置 4. 与Google Map , Baid原创 2017-02-12 14:22:54 · 3939 阅读 · 0 评论