随笔分类 -  HTML5+CSS3读书笔记

CSS3多栏样式布局
摘要：看书的时候,遇到了CSS3一个新的多栏布局样式属性,测试了一下,贴段代码出来:目前这个属性还是需要带上浏览器内核的私有前缀:先看html代码:1 2 3 My father was a self-taught mandolin player. He was one of th... 阅读全文
posted @ 2014-09-28 17:03 宇宙第一小菜鸟 阅读(434) 评论(0) 推荐(0)
CSS3自定义字体.
摘要：终于看完了这个书啦,那个高兴.看完后学了一些东西,在这里记一下如何用CSS3实现自定义的字体效果.首先去下载些自己想要的字体,放在文件目录下面.1:在Css中用@font-face定义字体1 @font-face{2 font-family:'myfont'; //你想... 阅读全文
posted @ 2014-09-27 17:31 宇宙第一小菜鸟 阅读(437) 评论(0) 推荐(0)
Web worker 多线程处理数据
摘要：流程：worker ------------àpostMessage----------------à任务沲----------------àpostMessage---------------à事件处理程序-------------------àonMessage-----------------... 阅读全文
posted @ 2014-09-19 16:58 宇宙第一小菜鸟 阅读(836) 评论(0) 推荐(0)
Html5 Web database存储和本地数据库操作
摘要：HTML5储存数据有两种方法：webDatabase(数据库形式) 和 webStorage(cookie形式)WebStorage(客户端存取数据),也有两种方法:localStorage[持久化的储存方式] 和 sessionStorag(基于session方式的数据储存[会话级别的数据储存方式... 阅读全文
posted @ 2014-09-19 10:33 宇宙第一小菜鸟 阅读(787) 评论(0) 推荐(1)
html5的离线储存应用.
摘要：Html5离线应用可以让用户在断网的情况下正常浏览网页,节约带宽,减轻服务器压力.Html5离线应用需要编写一个以manifest为扩展名的网页文本文件,里面写的内容是离线应用的文件清单.文件内容以CACHE MANIFEST为首行开始# 为注释 注释的作用:Web应用的缓存只有在manifest... 阅读全文
posted @ 2014-09-17 15:35 宇宙第一小菜鸟 阅读(167) 评论(0) 推荐(0)
HTML5的selector选择DOM元素API.
摘要：在html5新增的API中,在JS中有直接选择DOM元素的API函数;分别是 document.querySelector('.类名 或者 #id名');返回所选符合元素的第一个元素 document.querySelectorAll('.类名 或者 #id名');返回所选符合元素的元素集合,有... 阅读全文
posted @ 2014-09-06 11:30 宇宙第一小菜鸟 阅读(392) 评论(0) 推荐(0)
css3新属性transform 3D的基础笔记.
摘要：研究了下css3中的 transform变换属性中的3D属性效果和看到的一篇好文章了解到了3D的学习;好文章地址:http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/... 阅读全文
posted @ 2014-08-20 15:11 宇宙第一小菜鸟 阅读(235) 评论(0) 推荐(0)
伪选择器:after的清浮动简单效果
摘要：:after的作用是在当前的应用元素后面添加内容如div:after{ content:"This is a demo"}还有就是清除浮动(参考代码): 阅读全文
posted @ 2014-08-20 12:48 宇宙第一小菜鸟 阅读(144) 评论(0) 推荐(0)
css3中的transition渐变过渡属性的认识.
摘要：css3新增的属性transition可以让元素产生动画效果:用法(兼容代码): -webkit-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果) -moz-transition:property(属性样... 阅读全文
posted @ 2014-08-19 17:16 宇宙第一小菜鸟 阅读(725) 评论(0) 推荐(0)
css3 animation 的基础认识.
摘要：css3 中的 animation属性主要用来做动画的,详细的文章看:http://www.w3cplus.com/content/css3-animation调用animation的方法:animation-name(动画名称) animation-duration(播放动画的总时长) anima... 阅读全文
posted @ 2014-08-15 16:56 宇宙第一小菜鸟 阅读(920) 评论(0) 推荐(0)
css3的新属性background-clip认识
摘要：css3新增的background-clip属性主要是对背景图片进行裁切的作用:background-clip:border-box || padding-box || context-box分别对边框,内边距,内容区域进行裁切,把多余的部分给裁切掉,有兼容性问题.拿w3cplus的文章代码过来:/... 阅读全文
posted @ 2014-08-13 11:24 宇宙第一小菜鸟 阅读(321) 评论(0) 推荐(0)
css3的transform转换属性。
摘要：今天做了一个基础的小例子熟悉一下这个属性。 transform 结果是一个css3 样式化的图形. 阅读全文
posted @ 2014-08-12 21:07 宇宙第一小菜鸟 阅读(338) 评论(0) 推荐(0)
css3的四种匹配的模式选择器[读书笔记]
摘要：1:完全匹配选择器(完全匹配选择器):　My name is css3用法:[id=box]{ //完全匹配id值为box的元素 color:yellow;}2:包含属性匹配选择器(只要包含了该字符串就可以被选择了)My name is css3My name is css3M... 阅读全文
posted @ 2014-08-05 09:58 宇宙第一小菜鸟 阅读(405) 评论(0) 推荐(0)
HTML5读书笔记第一天
摘要：html5是下一代的html。只能说：html5无比的强大。html5是w3c和whatwg合作的结果。html5中增加了一些新的特性如：用于绘画的canvas元素标签、用于视频和音频播放的元素video and audio元素对本地离线存储的更好支持、新的结构元素如header、footer、na... 阅读全文
posted @ 2014-07-15 09:55 宇宙第一小菜鸟 阅读(363) 评论(0) 推荐(0)