![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 54
杨梦肖
这个作者很懒,什么都没留下…
展开
-
html5--我的第一个html5网页
姓名:杨梦肖 爱好:无原创 2017-06-26 16:47:48 · 831 阅读 · 0 评论 -
SVG 效果--轮廓和填充
•SVG提供了一个范围广泛stroke属性。在本章中,我们将看看下面:–stroke–stroke-width–stroke-linecap–stroke-dasharray•所有stroke属性,可应用于任何种类的线条,文字和元素就像一个圆的轮廓。•Stroke属性定义一条线,文本或元素轮廓颜色•stroke- width属性定义了一条线,文本或元素轮廓厚度•s原创 2017-06-26 16:48:38 · 1183 阅读 · 0 评论 -
SVG 滤镜
•SVG 滤镜用来向形状和文本添加特殊的效果。在 SVG 中,可用的滤镜有:–feBlend、feColorMatrix、feComponentTransfer、feComposite、feConvolveMatrix、feDiffuseLighting、feDisplacementMap、feFlood、feGaussianBlur、feImage、feMerge、feMorphology、原创 2017-06-26 16:48:41 · 239 阅读 · 0 评论 -
SVG 绘图
•touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发(多点触摸)••touchmove事件:当手指在屏幕上滑动的时候连续地触发••touchend事件:当手指从屏幕上离开的时候触发。•event.originalEvent.targetTouches–特定于事件目标的Touch对象的数组,数组中每一个元素(Touch对象)代表一个触摸事原创 2017-06-26 16:48:44 · 234 阅读 · 0 评论 -
通过二维码访问WEB程序
为Web程序生成二维码通过使用手机扫描二维码访问Web程序二维条码/二维码(2-dimensional bar code)用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息;使用若干个与二进制相对应的几何形体来表示文字数值信息“0”、“1”通过图象输入设备或光电扫描设备自动识读以实现信息自动输入和处理用途信息获取(名片、地图、WIFI密码、资料)原创 2017-06-26 16:48:56 · 561 阅读 · 0 评论 -
自适应设备分辨率
设置网页使用 HTML5设置网页自适应设备分辨率移动互联流行,设备分辨率多样随着高端手机(Andriod、Iphone、Ipod、WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?通过 html5 viewport 能帮你做到这一点…原创 2017-06-26 16:48:59 · 309 阅读 · 0 评论 -
Html5 输入类型
HTML5 新的 Input 类型HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。包括:email、url、number、range、Datepickers (date, month, week, time, datetime,datetime-local)、search、color定义和用法email 类型用于应该包含 e-mail 地址的输入域。在提交表原创 2017-06-26 16:49:02 · 662 阅读 · 0 评论 -
Html5 表单元素
定义和用法datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id:定义和用法keygen 元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器(key-pairgenerator)。当提交表单时,会生成两个键,一个原创 2017-06-26 16:49:08 · 277 阅读 · 0 评论 -
html5表单元素
定义和用法datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id:定义和用法keygen 元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器(key-pairgenerator)。当提交表单时,会生成原创 2017-06-26 16:50:46 · 266 阅读 · 0 评论 -
Html5 内联SVG
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准HTML5 支持内联 SVG与其他图像格式相比(比如 JPEG 和 GIF):SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引原创 2017-06-26 16:53:06 · 489 阅读 · 0 评论 -
Html5 表单属性
熟悉掌握 HTML5 的若干新的表单属性:新的 form 属性:autocomplete、novalidate新的 input 属性:autocomplete、autofocus、form、form overrides(formaction, formenctype, formmethod, formnovalidate,formtarget)、height 和 width、list、mi原创 2017-06-26 16:53:03 · 594 阅读 · 0 评论 -
前台拼接html
var tt = "";mui.each(jsonData.backlogList, function(i, backlog) {tt +=' <li class="mui-table-view-cell">';tt += '<div class="mui-table" onclick="look(\'' + backlog.task_id + '\',\'' + backlog.id + '原创 2017-06-06 15:48:30 · 477 阅读 · 0 评论 -
3d方块
html,body{ position:relative; height:100%; } body{ margin:0; padding:0; } .swipe原创 2017-06-26 16:50:43 · 300 阅读 · 0 评论 -
SVG 形状
–矩形rect>–圆形–椭圆–线–折线–多边形–路径---------------------------------- rect width="300"height="100" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)"/>•rect元素的 width 和 height原创 2017-06-26 16:48:35 · 209 阅读 · 0 评论 -
SVG
•基于文本易修改、内容可搜索(适合制作地图)、存储空间更小且可压缩性更强•SVG 是可伸缩的、可无级缩放•SVG 可以与 Java 技术一起运行•SVG 是开放的标准•SVG 文件是纯粹的 XML•SVG 的主要竞争者是 Flash。–与Flash 相比,SVG最大的优势是与其他标准(比如 XSL 和 DOM)相兼容。而Flash 则是未开源的私有技术原创 2017-06-26 16:48:32 · 422 阅读 · 0 评论 -
html5--个人简历
@media screen and(min-width:800px){ .swiper-container { width:530px; height:100%; margin: 0auto; } } @media screen and(max-width:800px){原创 2017-06-26 16:47:51 · 674 阅读 · 0 评论 -
html5-jquery强化教程--回调函数
input{ width:100%; height:80px; } div{ width:100px; height:100px; background-color:#7f7f7f; }原创 2017-06-26 16:47:53 · 384 阅读 · 0 评论 -
html5-- JQuery动画Animate
input{ width:100%; height:80px; } div{ width:100px; height:100px; background-color:#7f7f7f; }原创 2017-06-26 16:47:56 · 184 阅读 · 0 评论 -
html5--jq淡入淡出
input{ width:30%; height:80px; } div{ width:100px; height:100px; background-color:#7f7f7f; }原创 2017-06-26 16:47:59 · 667 阅读 · 0 评论 -
swiper自动切换
html,body{ position:relative; height:100%; } body{ margin:0; padding:0; } .swiper-contai原创 2017-06-26 16:48:02 · 2985 阅读 · 0 评论 -
页面自动切换
html,body{ position:relative; height:100%; } body{ margin:0; padding:0; } .swiper-contai原创 2017-06-26 16:48:05 · 1416 阅读 · 0 评论 -
JQuery动画滑动函数
input{ width:30%; height:80px; } div{ width:100px; height:100px; background-color:#7f7f7f; }原创 2017-06-26 16:48:08 · 342 阅读 · 0 评论 -
HTML 5 Web 存储
•HTML5 提供了两种在客户端存储数据的新方法:–localStorage- 没有时间限制的数据存储–sessionStorage- 针对一个 session 的数据存储–之前,这些都是由cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。–在HTML5原创 2017-06-26 16:48:17 · 228 阅读 · 0 评论 -
应用程序缓存
•什么是应用程序缓存(ApplicationCache)?–HTML5引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。••应用程序缓存为应用带来三个优势:–离线浏览- 用户可在应用离线时使用它们–速度- 已缓存资源加载得更快–减少服务器负载- 浏览器将只从服务器下载更新过或更改过的资源。•每个指定了 ma原创 2017-06-26 16:48:20 · 381 阅读 · 0 评论 -
Web Workers
•当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成••web worker是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时webworker 在后台运行if(typeof(Worker)!=="undefined"){ //支持 Web worker!原创 2017-06-26 16:48:23 · 229 阅读 · 0 评论 -
Html5 内联SVG
•SVG 指可伸缩矢量图形 (Scalable VectorGraphics)•SVG 用于定义用于网络的基于矢量的图形•SVG 使用 XML 格式定义图形•SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失•SVG 是万维网联盟的标准••HTML5 支持内联 SVG•与其他图像格式相比(比如 JPEG 和 GIF):–SVG图像可通过文本编辑器来创建和原创 2017-06-26 16:48:26 · 446 阅读 · 0 评论 -
HTML 5 地理定位
•HTML5 Geolocation API用于获得用户的地理位置–该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。–IE9、Firefox、Chrome、Safari以及 Opera 支持地理定位。对于拥有GPS 的设备,比如 iPhone,地理定位更加精确。–•使用 getCurrentPosition() 方法来获得用户的位置代码原创 2017-06-26 16:48:29 · 257 阅读 · 0 评论 -
css字体单位大小
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为: 1. IE无法调整那些使用px作为单位的字体大小; 2.国外的大部分网站能够调整的原因在原创 2017-06-26 16:49:32 · 587 阅读 · 0 评论