随笔 - 11  文章 - 2  评论 - 1

随笔分类 -  html5

css3多列布局
摘要：http://www.webhek.com/css3-multi-columns http://express.ruanko.com/ruanko-express_46/technologyexchange5.html CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布 阅读全文
posted @ 2016-04-04 23:09 Double405 阅读(393) 评论(0) 推荐(0)
css3中的动画功能
摘要：直接用我的一段代码演示下css3中实现动画效果的事例，让一个div自动旋转起来 代码如下： 阅读全文
posted @ 2016-04-04 01:30 Double405 阅读(218) 评论(0) 推荐(0)
sass入门
摘要：http://www.w3cplus.com/sassguide/index.html 阅读全文
posted @ 2016-03-28 01:43 Double405 阅读(114) 评论(0) 推荐(0)
css3-font-face
摘要：http://www.w3cplus.com/content/css3-font-face http://www.cnblogs.com/PeunZhang/p/3592096.html 阅读全文
posted @ 2016-03-28 01:41 Double405 阅读(114) 评论(0) 推荐(0)
html5文本超出部分用省略号表示
摘要：<p style="overflow:hidden; text-overflow:ellipsis;width:170px; white-space:nowrap; ">我是一个文本你好啊我是一个文本你好啊我是一个文本你好啊</p> 超出自动换行显示实现 <div style="width:200p 阅读全文
posted @ 2016-03-27 23:20 Double405 阅读(950) 评论(0) 推荐(0)
深入理解CSS中的层叠上下文和层叠顺序
摘要：本文地址：http://www.zhangxinxu.com/wordpress/?p=5115 CSS3与新时代的层叠上下文CSS3的出现除了带来了新属性，同时还对过去的很多规则发出了挑战。例如，CSS3 transform对overflow隐藏对position:fixed定位的影响等。而这里，... 阅读全文
posted @ 2016-01-26 12:08 Double405 阅读(981) 评论(0) 推荐(0)
利用CSS3制作淡入淡出动画效果
摘要：CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考... 阅读全文
posted @ 2016-01-26 10:29 Double405 阅读(3524) 评论(0) 推荐(0)
解决<pre>标签里的文本换行(兼容IE, FF和Opera等)
摘要：我们都知道 标签可定义预格式化的文本，一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符，但不幸的是，当你在标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会动换行。这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显... 阅读全文
posted @ 2016-01-25 17:19 Double405 阅读(777) 评论(0) 推荐(0)
玩转html5<canvas>画图
摘要：导航前言基本知识绘制矩形清除矩形区域圆弧路径 绘制线段绘制贝塞尔曲线 线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）绘制文字 保存和恢复状态（context） 保存文件结合setI... 阅读全文
posted @ 2016-01-20 12:19 Double405 阅读(168) 评论(0) 推荐(0)
很好用的canvas
摘要：一、基本用法 1.要使用canvas元素，需要先给定其width和height来设置绘图区域的大小。canvas中间的文本会在浏览器不支持canvas的情况下显示出来。do not support.2.绘图上下文：要在canvas绘图，需要通过getContext方法来获取上下文。传入参数“2d”，... 阅读全文
posted @ 2016-01-20 11:27 Double405 阅读(444) 评论(0) 推荐(0)
html5的一些表单属性
摘要：IE8及以下不能很好支持这些属性input属性： placeholder:输入框的默认值，向用户显示描述性说明文字或者提示信息 autocomplete：值为on和off。。on则代表当该字段填写并提交后再返回该页，再输入时会显示以前输入的。off则是关闭，包含用户输入数据的安全。默认为on aut... 阅读全文
posted @ 2016-01-13 14:18 Double405 阅读(1037) 评论(0) 推荐(0)
HTML5新增标签
摘要：[sourcecode language="plain"]markDo not forget to buymilktoday.progress85%time发布日期：15:50更新日期：16:00ruby漢这里是注释汉（这里是不支持时显示）wbr如果想学习 AJAX, 那么必须熟悉XMLHttpRe... 阅读全文
posted @ 2016-01-11 17:25 Double405 阅读(157) 评论(0) 推荐(0)
HTML 5 应用程序缓存
摘要：使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。一、什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：1.... 阅读全文
posted @ 2016-01-11 17:21 Double405 阅读(207) 评论(0) 推荐(0)
HTML5新增属性
摘要：[sourcecode language="plain"]新增属性标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括、、、标签中的 URL。 标签必须位于 head元素内部。如： img标签的src属性为“http://test... 阅读全文
posted @ 2016-01-11 17:18 Double405 阅读(225) 评论(0) 推荐(0)