随笔分类 -  HTML5&CSS3

css控制文字显示长度，超过用省略号替代
摘要：.line_text{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}客户端解决标题显示太长省略多余部分并加省略号的样式客户端解决标题显示太长省略多余部分并加省略号的样式客户端解决标题显示太长省略多余部分并... 阅读全文
posted @ 2015-01-14 17:15 学亮 阅读(351) 评论(0) 推荐(0) 编辑
CSS3学习
摘要：1.CSS3边框border-radius:创建圆角边框border-radius:25px;-moz-border-radius:25px; /* 老的 Firefox */box-shadow:边框阴影，方向为x，y，z-moz-box-shadow: 10px 10px 5px #888888... 阅读全文
posted @ 2014-09-23 16:26 学亮 阅读(291) 评论(0) 推荐(0) 编辑
HTML5学习之拖放（十）
摘要：l元素可以用于拖拽必须设置draggable="true"属性，img和a标签除外，她们两个默认就可以被拖拽想做拖拽处理，就需要在Dom元素上监听拖放的事件：dragstart,drag,dragenter,dragover,dragleve,drop,dragend在文档中，默认document最... 阅读全文
posted @ 2014-08-07 13:48 学亮 阅读(252) 评论(0) 推荐(0) 编辑
HTML5学习之文件操作（九）
摘要：之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术，由于使用了这些技术后就很进行跨平台的处理，另外就是让我们的web应用依赖了第三方的插件，而不是很独立，不够通用。在HTML5标准中，默认提供了操作文件的API让这一切直接标准化。在学习文件操作API之... 阅读全文
posted @ 2014-08-07 13:25 学亮 阅读(370) 评论(0) 推荐(0) 编辑
HTML5学习之WebWork多线程处理（八）
摘要：多线程技术在服务端技术中已经发展的很成熟了，而在Web端的应用中却一直是鸡肋在新的标准中，提供的新的WebWork API，让前端的异步工作变得异常简单。使用：创建一个Worker对象，指向一个js文件，然后通过Worker对象往js文件发送消息，js文件内部的处理逻辑，处理完毕后，再发送消息回到当... 阅读全文
posted @ 2014-08-07 11:39 学亮 阅读(7203) 评论(0) 推荐(0) 编辑
HTML5学习之跨文档传输消息（七）
摘要：新标准中提供了文档之间直接的消息传输API。而且不限制跨域消息传递！发送消息使用的是Window对象的postMessage(data,targetURL)方法就可以了，但给哪个window对象发送消息，就使用哪个window的实例来调用，注意这个细节。文档默认监听一下message事件就可以接受消... 阅读全文
posted @ 2014-08-07 11:26 学亮 阅读(431) 评论(0) 推荐(0) 编辑
HTML5学习之WebSocket通讯（六）
摘要：WebSocket是下一代客户端-服务器的异步通信方法.WebSocket最伟大之处在于服务器和客户端可以在任意时刻相互推送信息WebSocket允许跨域通信Ajax技术需要客户端发起请求，WebSocket服务器和客户端可以彼此相互推送信息下面实现一个简单的实时多人聊天系统WebSocket服务端... 阅读全文
posted @ 2014-08-07 11:15 学亮 阅读(3161) 评论(0) 推荐(0) 编辑
HTML学习之Web存储（五）
摘要：本地数据库功能大大增强了Web应用对于本地存储数据的方式和功能。Web时代真正进入了：“客户端为重，服务端为轻的时代”。 阅读全文
posted @ 2014-08-06 18:12 学亮 阅读(200) 评论(0) 推荐(0) 编辑
HTML5学习之画布和SVG（四）
摘要：alternative content for browsers without canvas support 阅读全文
posted @ 2014-08-05 11:29 学亮 阅读(397) 评论(0) 推荐(0) 编辑
HTML5学习之视频与音频（三）
摘要：Sorry,your browser is unable to play this video. 播放/暂停 大 中 小 ... 阅读全文
posted @ 2014-08-05 10:29 学亮 阅读(230) 评论(0) 推荐(0) 编辑
HTML5学习之智能表单（二）
摘要：普通文本框 一行文本 一行文本 aaa bbb 绝对URL地址 ... 阅读全文
posted @ 2014-08-04 18:18 学亮 阅读(257) 评论(0) 推荐(0) 编辑
HTML5学习之文档结构和语义（一）
摘要：... 阅读全文
posted @ 2014-08-04 16:34 学亮 阅读(285) 评论(0) 推荐(0) 编辑
使用Modernizr探测HTML5/CSS3新特性（转载）
摘要：转载地址：http://www.cnblogs.com/TomXu/archive/2011/11/18/detecting-html5-css3-features-using-modernizr.htmlHTML5, CSS3以及相关技术（例如canvas和web sockets）带来了非常有用的... 阅读全文
posted @ 2014-07-15 10:50 学亮 阅读(161) 评论(0) 推荐(0) 编辑