html5 - 随笔分类 - xiaoleilei

Element.scrollIntoView()

摘要：Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内语法 element.scrollIntoView(); element.scrollIntoView(alignToTop);//Boolean型参数 element.scrollIntoView(sc 阅读全文

posted @ 2018-11-02 10:52 xiaoleilei 阅读(1627) 评论(0) 推荐(0)

图片上黑色透明遮罩的实现

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin: 0; padding: 0} .box{ width: 400 阅读全文

posted @ 2016-05-17 14:09 xiaoleilei 阅读(3749) 评论(0) 推荐(0)

如何实现两行文本增多显示省略号

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>Document</title> 7 <style type="text/css"> 8 * { 9 margin: 0;10 pa 阅读全文

posted @ 2016-05-13 17:33 xiaoleilei 阅读(313) 评论(0) 推荐(0)

H5如何实现一行三列布局

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta content="yes" name="apple-mobile-web-app-capable"> <meta co 阅读全文

posted @ 2016-05-10 16:20 xiaoleilei 阅读(1579) 评论(0) 推荐(0)

H5瀑布流如何实现

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文

posted @ 2016-05-10 16:16 xiaoleilei 阅读(624) 评论(0) 推荐(0)

H5一行显示两个正方形

摘要：1）有时候一些图片会是正方形或者长方形，对于这样的图片一般都是居中显示到正方体内，代码如下： .exhibition_list img{width:100%;position: relative;top:50%;transform:translateY(-50%);-ms-transform:tra 阅读全文

posted @ 2016-05-10 15:16 xiaoleilei 阅读(1801) 评论(0) 推荐(0)

H5页面左图右边文字如何布局

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>商品</title> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content= 阅读全文

posted @ 2016-05-10 15:14 xiaoleilei 阅读(4053) 评论(0) 推荐(0)

H5横向三栏布局

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5横向三栏布局</title> <meta name="viewport" content="width=device-width,initial-scale=1 阅读全文

posted @ 2016-05-10 11:18 xiaoleilei 阅读(1207) 评论(0) 推荐(0)

HTML5 视频规范简介

摘要：HTML5 视频规范简介创建于 2013-02-03, 周日 00:56作者白建鹏HTML 一词是“超文本标记语言”（Hyper-Text Markup Language）的缩写，是用于描述网页文档的一种标记语言。通俗地讲，HTML 就是用来“描述” web 页面内容的一种规范，一个标准。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的新的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML5 LogoHTML5 有许多优势。不过，本文只介绍 HTML5 对于“网页中嵌入播放视频”的改进。没有 HTML5. 阅读全文

posted @ 2013-11-14 13:22 xiaoleilei 阅读(1131) 评论(0) 推荐(0)

Html5新标签解释及用法

摘要：Html5新标签解释及用法HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似和标签，但有一定含义，例如（网站导航块）和。这种标签将有利于搜索引擎的索引整理、小屏幕装置和. 阅读全文

posted @ 2013-11-14 10:36 xiaoleilei 阅读(264) 评论(0) 推荐(0)

使用 HTML5 canvas 绘制精美的图形

摘要：HTML5 是一个新兴标准，它正在以越来越快的速度替代久经考验的 HTML4。HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性，它们都支持现行的 HTML 4.01 版本规范。它还引入了几个新元素和属性，它们适用许多使用 web 页面的领域 — 音频、视频、图形、数据存储、内容呈现，等等。本文主要关注图形方面的增强：canvas。新的 HTML5 canvas 是一个原生 HTML 绘图簿，用于 JavaScript 代码，不使用第三方工具。跨所有 web 浏览器的完整 HTML5 支持还没有完成，但在新兴的支持中，canvas 已经可以在几. 阅读全文

posted @ 2013-11-12 14:10 xiaoleilei 阅读(447) 评论(0) 推荐(0)

使用路径arc-七彩

摘要：使用路径阅读全文

posted @ 2013-07-03 22:58 xiaoleilei 阅读(201) 评论(0) 推荐(0)

html5- 摘自网友dudu

摘要：HTML5中新增了画布标签，通过它，可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一个矩形空白区域，可以通过width和height属性来调整其宽和高。创建一个Canvas画布的方法如下：1 PS：如果把width和height定义在css中，则画布中的绘制的元素会像素点很大，视觉效果不好，所以最好把width、height定义在标签内。可以在标签中添加标签不可用时的替代文本，如下所示：1 2 Your browserdoes not support the canvas element. 3 目前新版本的各类浏览器已经逐... 阅读全文

posted @ 2013-07-03 22:14 xiaoleilei 阅读(339) 评论(0) 推荐(0)

使用路径arc

摘要：使用路径阅读全文

posted @ 2013-07-03 22:04 xiaoleilei 阅读(280) 评论(0) 推荐(0)

textBaseline

摘要：Your browser does not support the HTML5 canvas tag. 阅读全文

posted @ 2013-07-03 15:33 xiaoleilei 阅读(740) 评论(0) 推荐(0)

html5-磊哥

摘要：chp3-2 Text: Fill Or Stroke: Font Style: Font Weight: Text Font: Text Size: Text Baseline Text Align Alpha: Shadow X: Shadow Y: Shadow Blur: Shadow Color: 阅读全文

posted @ 2013-07-03 13:18 xiaoleilei 阅读(165) 评论(0) 推荐(0)

textAlign

摘要：textAlign 阅读全文

posted @ 2013-07-03 13:12 xiaoleilei 阅读(265) 评论(0) 推荐(0)

html5阴影

摘要：绘制阴影阅读全文

posted @ 2013-07-02 23:08 xiaoleilei 阅读(487) 评论(0) 推荐(0)

html5-摘自网友

该文被密码保护。

posted @ 2013-07-02 22:24 xiaoleilei 阅读(3) 评论(0) 推荐(0)

html5绘制字符串

摘要：绘制文字串阅读全文

posted @ 2013-07-02 21:38 xiaoleilei 阅读(321) 评论(0) 推荐(0)

随笔分类 - html5