jason_teach的博客_Html/Css

Html5之高级-14 Web Socket(概述、API、示例)

一、Web Socket 概述Web Socket 简介 - Web Socket 是 HTML5 提供的在 Web应用程序中客户端与服务器端之间进行的非 HTTP 的通信机制 - Web Socket 实现了用 HTTP 不容易实现的服务器端的数据推送等智能通讯技术Web Socket 的特点

应用程序

Socket

localhost

原创 2016-03-30 21:25:33 827 阅读

Html5之高级-13 Web存储API (两个存储系统、sessionStorage、localStorage)

一、两个存储系统两个存储系统 - 万维网最初的设想，是作为展示信息的一种方式。信息处理是后来才出现的，但是Web的实质并没有变---信息在服务器上处理，然后显示给用户。因为系统没有利用计算机资源，所以复杂操作都是在服务器上完成的 - 对于任何程序来说，能够实现数据存储是必备功能之一，并且在需要的时候能够提供数据。但在过去的We

服务器

计算机

cookie

原创 2016-03-30 20:45:35 589 阅读

Html5之高级-12 Web Workers(概述、 API)

一、Web Workers 概述Web Workers 简介 - Web Workers 是运行在后台的 JavaScript - 充分利用多核 CPU 的优势 - 对多线程

浏览器

通信

检测

原创 2016-03-30 19:41:48 634 阅读

Html5之高级-11 拖放API (拖放事件、dataTransfer对象、setDragImage方法)

一、拖放APIWEB 拖放 - 在桌面应用程序上，可以将元素从一个位置拖放到另一个位置，但在Web上，开发者没有一种能够实现这种操作的标准技术，从而在Web上去实现这个功能并不太容易 - 在 HTML5 标准中引入了拖放API,从而使我们有可能开发出于桌面应用程序完全相同的 Web应用程序源元素事件 &n

HTML

应用程序

开发者

原创 2016-03-30 19:09:02 2998 阅读

Html5之高级-10 Geolocation(Geolocation、百度地图API)

一、GeolocationGeolocation API 介绍 - Geolocation API 用于将用户当前地理位置信息共享给信任的站点 - Geolocation API 位于 navigator 对象中，只有3个方法 - getCur

message

经纬度

百度地图

原创 2016-03-30 16:51:08 2853 阅读

Html5之高级-9 HTML5 Two.js(概述、入门)

一、Two.js 概述Two.js 简介 - Two.js 是一个面向现代 Web 浏览器提供绘制二维图形的 API ，它允许使用不同的上下文，而使用相同的 API 进行绘制 - Two.js 所支持的上下文: - SVG&

浏览器

解释器

上下文

原创 2016-03-30 16:12:01 1957 阅读

Html5之高级-8 HTML5 SVG(概述、元素)

一、SVG 概述SVG 概念 - SVG (Scalable Vector Graphics) 是一种使用XML技术描述二维图形的语言 - SVG 可以使用三种方式描述二维图形 - 矢量图 (vector graphic shapes

Vector

应用程序

处理器

原创 2016-03-30 14:10:07 916 阅读

Html5之高级-7 HTML5 Chart.js(概述、入门、使用)

一、Chart.js 概述Chart.js 简介 - Chart.js 是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库 - 官方地址: http://www.chartjs.org/ Chart.js 特点 - 基于 HTML 5

浏览器

开发者

曲线图

原创 2016-03-30 11:45:34 2042 阅读

Html5之高级-6 HTML5 Canvas绘图(Canvas概述、Canvas绘图、处理 Canvas 中的图像)

一、Canvas 概述Canvas概述 - Canvas 是 HTML5 出现的新标签，像所有DOM一样，拥有自己的属性、方法和事件，其中就会绘图的方法，JavaScript 能够调用它在网页上完成绘图 - Canvas 也是 HTML5 中最强大的特性之一。允许开发者使用动态和交互式可视化方法在Web上实现桌面应用程序的功能

标签

应用程序

开发者

原创 2016-03-29 17:13:09 2299 阅读

Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)

一、在HTML5中播放音频audio 元素 - audio元素可以实现在HTML页面中嵌入音频内容，该元素的属性可以设置是否自动播放、预加载及循环播放等 - audio元素提供了播放、暂停和音量控件来控制音频 - 使用audio元素提供三种音频格式的文件:MP3、Ogg、Wav&n

视频

浏览器

播放器

原创 2016-03-29 15:37:48 4487 阅读

Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)

一、在 HTML5 中播放视频在 HTML5 中播放视频 - HTML5 中提到最多的是视频处理，视频也是互联网中的重要应用。在HTML5中，增加了一个元素，以便在HTML文档中插入和播放视频，这个元素就是video元素 - video元素提供了播放、暂停和音量控件来控制视频，也提供了width和height属性控制

视频

浏览器

播放器

原创 2016-03-29 15:22:33 10000+阅读

Html5之高级-3 HTML5表单验证(验证属性、验证状态)

一、验证属性Required 属性 - Required 属性主要防止域为空时提交表单。该属性不需要设置任何值 - 语法:Pattern 属性 - Pattern 属性的作用是实现元素的验证。它支持使用正则表达式定制验证规则 - 语法:Min 和

表达式

如何

HTML5

原创 2016-03-29 13:38:34 2300 阅读 1点赞 1收藏

Html5之高级-2 HTML5表单属性(属性介绍、属性详解)

一、属性介绍属性介绍 - 有一些输入类型要求使用特定的属性才能显示效果，如前面提到过min,max,step. 其他输入类型需要使用一些属性来改进其他性能，或者决定验证过程的重要性。HTML5 标准中再原来的基础上增加了一些新的属性。 - Placeholder 属性

email

单词

file

原创 2016-03-29 11:42:14 631 阅读

Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)

一、表单简介表单元素简介 - 无论是实现功能还是展示页面元素，表单在HTML中都有不可能替代的作用 - 在其他版本的HTML中，表单包含的元素非常有限，并且属性也不多，尤其是在数据交互过程中数据的验证需要编写大量的JavaScript代码 - 上述的不足，都已经在HTML5中被客服了。HTML5在以上

浏览器

文本框

关键字

原创 2016-03-29 11:07:43 848 阅读

Css3之高级-8 Css优化(概述、原则、代码优化)

一、CSS 优化CSS 优化概述 - CSS优化的作用 - 减轻服务器压力 - 缩短服务器响应时间 - 提高用户的体验度CSS 优化原则 - 尽量减少HTTP 请求个数 - CSS sprites:合并多个背景图像到

浏览器

服务器

border

原创 2016-03-23 19:27:11 487 阅读

Css3之高级-7 Css动画(概述、关键帧、动画属性)

一、动画概述动画概念 - 过渡属性只能模拟动画效果 - animation 属性可以制作类似 Flash 动画 - 通过关键帧控制动画的每一步 - 使元素从一种样式逐渐变化为另一种样式 - 实现复杂的动画效果 - 浏览器兼容性 &n

浏览器

Chrome

animation

原创 2016-03-23 19:16:30 1962 阅读

Css3之高级-6 Css过渡(概述、过度子属性)

一、过度概述过度概述 - 使得 CSS 的属性值在一段时间内平滑的过渡 - 比如，鼠标悬停后，背景色在 1s 之内，由白色平滑的过渡为红色 - 指定 4 个要素 - 指定过渡属性，如 background、color等 - 指定过渡所需时间 &

active

background

property

原创 2016-03-23 18:06:19 1815 阅读

Css3之高级-5 Css转换(简介、2D转换、3D转换)

一、转换简介转换概述 - 转换是使元素改变形状、尺寸和位置的一种效果 - 又称为变形，即，可以向元素应用2D 或 3D 转换，从而对元素进行旋转、缩放、移动或倾斜 - 2D 转换: 使元素在 X轴和 Y轴平面上发生变化，改变其形状、尺寸和位置 - 3D 转换:元素还可以在 Z 轴上发生变化转换属性 - transform 属性向元素应

关键字

变形

百分比

原创 2016-03-23 17:09:36 1393 阅读 1点赞

Css3之高级-4 Css Hack

一、CSS Hack标准模式和混杂模式 - IE6之前，不同浏览器间没有兼容性可言 - IE6之后浏览器厂家间开始寻求标准统一，但仍允许向前兼容，于是产生了不同的运行模式 - 浏览器运行模式可以分为: - 混杂模式 (Quirks Mode) - 标准模式 (Standard Mod

浏览器

模型

兼容性

原创 2016-03-23 12:34:45 565 阅读

Css3之高级-3 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)

一、多列属性分割列 - column-count 属性规定元素应该被分隔的列数列间隔 - column-gap 属性规定列之间的间隔列规则 - column-rule 属性规定列之间的宽度、样式和颜色 - 语法为: column-rule: width style color;浏览器兼容性 - Internet

浏览器

Internet

Explorer

原创 2016-03-23 12:29:01 886 阅读

Css3之高级-2 Css内容生成（内容生成、计数器）

一、内容生成内容生成示例伪元素 :before 和 :after - 使用伪元素 :before 和 :after可以将内容添加到某个选择器定义的单个或者多个元素的每一个实例之前或者之后 - 实现为文档添加内容的效果内容content - content 属性与:before及:after 伪元素配合使用，来插入生成内容

计数器

content

counter

原创 2016-03-23 12:19:33 846 阅读

Css3之高级-1 Css复杂选择器（兄弟选择器、属性选择器、伪类选择器、伪元素选择器）

一、兄弟选择器相邻兄弟选择器 - 相邻兄弟选择器匹配指定元素的相邻兄弟元素 - 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器 - 使用加号(+)作为结合符通用兄弟选择器 - 通用兄弟选择器匹配某元素后面的所有兄弟元素

target

enabled

checked

原创 2016-03-23 11:46:30 6389 阅读

Css3之基础-11 Css定位（定位概念、定位方式）

一、CSS 定位概述定位概念 - 普通流定位 - 页面中的块级元素框从上到下一个接一个地排列 - 每一个块级元素都会出现在一个新行中 - 内联元素将在一行中从左到右排列水平布置 - 浮动 - 相对定位 - 绝对定位 -

absolute

relative

position

原创 2016-03-22 18:42:20 921 阅读

Css3之基础-10 Css列表（列表项标志、列表项图像、列表项位置、列表属性）

一、CSS 列表样式列表项标志 list-style-type - list-style-type 属性用于控制列表中列表项标志的样式 - 无序列表: 出现在各列表项旁边的圆点 - 有序列表: 可能是字母、数字或另外某种计数体系中的一个符号 - 无序列表取值

列表

其他

原创 2016-03-22 18:17:58 2260 阅读

Css3之基础-9 Css 显示(显示方式、显示效果、光标)

一、显示方式显示方式 - "一切皆为框" : 页面上所有的元素都可以显示为框 - 块级元素 - <div>、<h1>、<p>元素等 - 这些元素显示为一块内容，即"块框" - 内联元素/行内元素 - <

display

hidden

visible

原创 2016-03-22 17:59:38 1620 阅读

Css3之基础-8 Css 浮动（定位，浮动定位）

一、CSS 定位概述定位概述 - 定位: 定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置 - 普通流定位 - 浮动定位 - 相对定位 - 绝对定位普通流定位 - 页面中的块级元素框从上到下一个接一个地排列 - 每一个块级

空间

浏览器

元素

原创 2016-03-22 17:16:31 635 阅读

Css3之基础-7 Css 表格

一、CSS 表格常用样式属性表格常用样式属性 - 边距属性: padding - 尺寸属性: width、height - 设置表格或者单元格的尺寸 - 文本格式化属性 - 背景属性 : 设置表格或者单元格的背景色或者背景图像 - border 属性: 设置表格边框垂直方向对齐&nbs

separate

bottom

border

原创 2016-03-22 15:47:04 713 阅读

Css3之基础-6 Css 文本格式化(字体属性，文本属性)

一、CSS 文本格式化概述文本格式化概述 - 主要包括 - 控制字体: 如字体大小、字体加粗、字体系列等 - 设置文本格式: 如文本颜色、文本排列和文本缩进等 - 建议使用文本格式化相关的样式，取代加粗(<b>)、倾斜(<i>)等 HTML 元素二、CSS 字体

元素

字母

normal

原创 2016-03-22 14:47:55 938 阅读

Css3之基础-5 Css 背景、渐变属性

一、CSS 背景概述背景属性的作用 - 背景样式可以控制 HTML 元素的背景颜色、背景图像等 - 背景色 - 设置单一的颜色作为背景 - 背景图像 - 以图片作为背景 - 可以设置图像的位置、平铺、尺寸等二、CSS 背景属性背景色

背景色

元素

背景图片

原创 2016-03-22 14:04:25 870 阅读

Css3之基础-4 Css 框模型、内边距与外边距

一、CSS 框模型框模型 - 框模型(Box Model)定义了元素框处理元素内容、内边距、边框和外边距的方式 - width 和 height指内容区域的宽度和高度 - 增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸二、CSS 外边距外边距概念 - 外边距: 围绕在元素边框周围的空白区域

浏览器

百分比

bottom

原创 2016-03-22 10:34:00 933 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

会飞的蚂蚁

Html5之高级-14 Web Socket(概述、API、示例)

Html5之高级-13 Web存储API (两个存储系统、sessionStorage、localStorage)

Html5之高级-12 Web Workers(概述、 API)

Html5之高级-11 拖放API (拖放事件、dataTransfer对象、setDragImage方法)

Html5之高级-10 Geolocation(Geolocation、百度地图API)

Html5之高级-9 HTML5 Two.js(概述、入门)

Html5之高级-8 HTML5 SVG(概述、元素)

Html5之高级-7 HTML5 Chart.js(概述、入门、使用)

Html5之高级-6 HTML5 Canvas绘图(Canvas概述、Canvas绘图、处理 Canvas 中的图像)

Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)

Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)

Html5之高级-3 HTML5表单验证(验证属性、验证状态)

Html5之高级-2 HTML5表单属性(属性介绍、属性详解)

Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)

Css3之高级-8 Css优化(概述、原则、代码优化)

Css3之高级-7 Css动画(概述、关键帧、动画属性)

Css3之高级-6 Css过渡(概述、过度子属性)

Css3之高级-5 Css转换(简介、2D转换、3D转换)

Css3之高级-4 Css Hack

Css3之高级-3 Css多列属性(分隔列、列间隔、列规则、浏览器兼容性)

Css3之高级-2 Css内容生成（内容生成、计数器）

Css3之高级-1 Css复杂选择器（兄弟选择器、属性选择器、伪类选择器、伪元素选择器）

Css3之基础-11 Css定位（定位概念、定位方式）

Css3之基础-10 Css列表（列表项标志、列表项图像、列表项位置、列表属性）

Css3之基础-9 Css 显示(显示方式、显示效果、光标)

Css3之基础-8 Css 浮动（定位，浮动定位）

Css3之基础-7 Css 表格

Css3之基础-6 Css 文本格式化(字体属性，文本属性)

Css3之基础-5 Css 背景、渐变属性

Css3之基础-4 Css 框模型、内边距与外边距