html5+css3 - 文章分类(第2页) - 鬼鬼丫404

html5新标签使用

摘要：HTML 5 视频标签Your browser does not support the video tag. 上面的例子使用一个Ogg文件，适用于Firefox Opera以及Chrome浏览器。要确保适用于Safari浏览器，视频文件必须是MPEG4类型。video元素允许多个source元素。... 阅读全文

posted @ 2014-12-07 18:26 鬼鬼丫404 阅读(146) 评论(0) 推荐(0)

section与article区别

摘要：section与article元素都是用于定义文件中的特定内容区段（块）,section元素的标签内容通常是一篇文章或文章的一节，因此，section元素可视为一个区域分组元素，而article通常用来定义文件网页内容，网站或其他应用的一个独立外部内容区块这个内容通常是来自某个Blog的文章论坛... 阅读全文

posted @ 2014-12-07 16:59 鬼鬼丫404 阅读(469) 评论(0) 推荐(0)

【repeating-linear-gradient】 Chrome下显示不正常

摘要：从上到下依次是Firefox、IE、Chrome……问题什么的应该很容易看出来吧……求解……代码如下 .main {width:950px;margin:auto auto;margin-top:40px;background-color:white;background:rgba(255,255... 阅读全文

posted @ 2014-12-05 10:00 鬼鬼丫404 阅读(291) 评论(0) 推荐(0)

用css3 gradient实现背景平铺，代替传统的图片平铺方法

摘要：1.先贴上纵向平铺的例子代码及其效果截图：如果把上面代码中的top变成left,同时把高度和宽度值互换，则效果如图：即变成横向平铺了。Firefox支持两种类型的CSS渐变:线性的(-moz-linear-gradient)和放射状的(-moz-radial-gradient)(1)线性渐变(Li... 阅读全文

posted @ 2014-12-05 09:59 鬼鬼丫404 阅读(361) 评论(0) 推荐(0)

表单输入框焦点高光css代码

摘要：http://www.365mini.com/page/input-focus-highlight.htm随着HTML 5 + CSS 3的普及，我们使用CSS代码实现的页面效果越来越华丽，而表单输入框获得焦点时的高光效果更是许多HTML 5站点所必备的表单必杀技。尤其是Twitter公司推出Boo... 阅读全文

posted @ 2014-12-04 12:03 鬼鬼丫404 阅读(397) 评论(0) 推荐(0)

HTML <figure> 标签

摘要：http://www.w3school.com.cn/tags/tag_figure.asp用作文档中插图的图像：黄浦江上的的卢浦大桥阅读全文

posted @ 2014-12-02 16:26 鬼鬼丫404 阅读(107) 评论(0) 推荐(0)

CSS3 box-sizing 属性

摘要：http://www.w3school.com.cn/cssref/pr_box-sizing.asphttp://www.w3school.com.cn/tiy/t.asp?f=css3_box-sizing规定两个并排的带边框的框：div{box-sizing:border-box;-moz-b... 阅读全文

posted @ 2014-12-02 16:24 鬼鬼丫404 阅读(114) 评论(0) 推荐(0)

display:flex 多栏多列布局

摘要：http://www.51xuediannao.com/qd63/index.php/page-3-86-1.htmldisplay:flex 多栏多列布局浏览器支持情况：火狐直接支持w3c无前缀写法，谷歌和opera支持-webkit- 前缀写法，比较适合移动端开发使用，display:flex ... 阅读全文

posted @ 2014-12-02 16:16 鬼鬼丫404 阅读(577) 评论(0) 推荐(0)

HTML 5 <input> placeholder 属性

摘要：阅读全文

posted @ 2014-12-02 15:37 鬼鬼丫404 阅读(74) 评论(0) 推荐(0)

----兼容IE6---8，不过下面的控制条在IE6下面鼠标移上去不会出现，只会在鼠标点击时出现

摘要：视频播放插件Video.js ← ← ←插件原地址链接html5vedio兼容IE6-8.zip ← ← ←点击左侧下载demo文件Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Fla... 阅读全文

posted @ 2014-11-14 10:14 鬼鬼丫404 阅读(197) 评论(0) 推荐(0)

html5media – 在旧版IE浏览器中使用audio和video标签---未测试成功

摘要：html5media – 在旧版IE浏览器中使用audio和video标签HTML5 Video开放式标签根据不同浏览器播放不同格式HTML5视频播放器VideoJS使用附【源码及示例】- 兼容IE视频播放插件Video.jsHTML5给我们带来了很多惊喜，其中新增加的audio和video标签可以... 阅读全文

posted @ 2014-11-13 15:08 鬼鬼丫404 阅读(450) 评论(0) 推荐(0)

HTML5 Video开放式标签根据不同浏览器播放不同格式---只需备好MP4及Ogv二种影音格式就可以了

摘要：通过Html5的Video标签语法，我们可以快速的在网页中嵌入影片。但不同浏览器，所支持的HTML5影片格式（视频解码）皆不同，因此除了要备备相关的影音文件外，再来就是要如何让浏览器能自动判断播放的格式，若我们打开的是IE浏览器或Fireofx，它会自动抓取浏览器所支持的格式文件。本以为这需要通... 阅读全文

posted @ 2014-11-13 14:33 鬼鬼丫404 阅读(2033) 评论(0) 推荐(0)

html5 section

摘要：section 字面上理解为“块”，“部分”。在html5网页中表现的意思跟字面理解差不多，即部分，块，模块，主要作用为对页面的内容进行分块或者对文章的内容进行分段。页面分块示例可直接查看html5zhan.com的首页，主要由六部分组成，html5新元素，html5新api，html5最新动态，h... 阅读全文

posted @ 2014-11-13 12:58 鬼鬼丫404 阅读(230) 评论(0) 推荐(0)

使用border做三角形

摘要：网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置，当四个边相交的时候他们是什么时候改变的？http://www.cnblogs.com/dolphinX/p/4068894.html.t0{ margin:30... 阅读全文

posted @ 2014-11-03 10:21 鬼鬼丫404 阅读(121) 评论(0) 推荐(0)

HTML 5 <embed> 标签

摘要：http://www.w3school.com.cn/html5/html5_embed.asp 阅读全文

posted @ 2014-10-31 16:43 鬼鬼丫404 阅读(128) 评论(0) 推荐(0)

HTML 5 Canvas

摘要：anvas元素用于在网页上绘制图形。什么是Canvas？HTML5的canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建Canvas元向HTML5页面添加canvas元素。规定元素的... 阅读全文

posted @ 2014-08-27 22:27 鬼鬼丫404 阅读(169) 评论(0) 推荐(0)

HTML 5 音频 audio

摘要：音频格式当前，audio元素支持三种音频格式如需在HTML5中播放音频 Yourbrowserdoesnotsupporttheaudioelement.实例 Yourbrowserdoesnotsupporttheaudiotag.上面的例子使用一个Ogg文件，适用于Firefox、O... 阅读全文

posted @ 2014-08-27 22:07 鬼鬼丫404 阅读(333) 评论(0) 推荐(0)

HTML 5 中的一些有趣的新特性/及视频标签video

摘要：HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如article、footer、header、nav、section新的表单控件，比如calendar、date、time、email、url、search... 阅读全文

posted @ 2014-08-27 20:46 鬼鬼丫404 阅读(251) 评论(0) 推荐(0)

几个解决兼容IE6\7\8不支持html5标签的几个方法

摘要：html5大行其道的时代已经到来。如果你还在等待浏览器兼容，说明你已经与web脱节几条街了。当然，这得益于移动客户端的蓬勃发展。如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！因为前端的春天已经到来，而且不止一个春天。如果你不信，我只能说：爱信不信！下面... 阅读全文

posted @ 2014-08-27 19:39 鬼鬼丫404 阅读(115) 评论(0) 推荐(0)

css3

摘要：http://wenku.baidu.com/view/6ae1448da0116c175f0e4839.html 阅读全文

posted @ 2014-08-26 17:31 鬼鬼丫404 阅读(84) 评论(0) 推荐(0)

文章分类 - html5+css3