首页 > html5

手机图片视频自适应代码max-width:100%;实现图片视频自动缩放

css-img-1

无论浏览器窗口的大小还是在手机屏幕上如何做到图片自适应自动缩放呢,只需要一行CSS代码: img { max-width: 100%;} /*针对图片*/ object { max-width: 100%;} /*针对视频*/ img, object { max-width: 100%;} /*针对图片和视频*/   可以通过本站看一下图片缩放效果。如:http://zhoumo123.cn/category/web

8款最受欢迎的HTML5/CSS3应用及代码

1

新的一周开始,小编也将继续为大家分享精彩的HTML5应用,还有CSS3和jQuery方面的东西。今天给大家带来的是8款最受欢迎的HTML5/CSS3应用及代码,一起来看看吧。 1、基于HTML5 Canvas的图表插件Chart.js chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有弹性动画特效,这也是HTML5 Canvas的一大功劳。   2、HTML5 3D动画柱状图表 这 … 阅读全文

article元素

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。 除了内容部分,一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注。 现在,让我们以博客为例来看一段关于article元素的代码示例,如代码清单3-1所示。 代码清单3-1   article元素示例 这个示例是一篇讲述苹果的博客文章,在header元素中嵌入了文章的标题部分,在这部分中,文章的标题“苹果”被镶嵌在h1元素中,文章的发表日期镶嵌在p元素中。在标题下部的p元 … 阅读全文

html5新增的结构元素 section元素

section元素 section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分,它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用,标示文档结构。 html5 中代码示例; <section> … </section> html4中代码示例; <div> … </div>