HTML5在线教程

  • css responsiveness

    ... 网页设计(Responsive web design) 网页设计的设想是让网站能够自适各种设备,为用户提供一致而流畅的用户体验。在具体实现上,它首先需要定位出不同的设备,然后针对不同的设备用各自的样。有一部分样在不同设备之间可以共享,而有一部分样则是某种设备所独有的。 ...

  • overview

    ... 成为各种在线服务 移动互联网本地用复兴 2009年后随着iPhone/Android智能手机的兴起,C/S模在移动平台领域(Native APP)独领风骚 网页用 2014年年底HTML5标准得以最终确立,因 ...

  • css grid layout overview

    ... 定位,和定位元素一样来实现覆盖和分层。 而且,没有内容结构使得grid layout可以通过使用流(fluid)和文档序无关的布局技术来布局的变化。 通过和媒体查询(media query)绑定的CSS属性来控制grid容器及其子元素,作者可 ... 摆放位置。(图 4 和 5)。 通过结合使用grid layout和媒体查询(media query)技术(我们在CSS进阶课程中的技术章节会详细讲解该特性), 作者能够使用相同的语义标记,但独立于其代码顺序来重新安排元素的布局 ...

  • css flex layout order

    ... 和网格布局类似,order属性只是用来改变视觉顺序,不能用它来改变文档序,也不会影语音序和无样的访问顺序。 弹性流方向(Flex Flow Direction): 弹性方向(flex-direction)属性 flex-direction: row(初始值) | row-reverse | ... 填充屏幕可用空间。 此外,读者还可以缩小预览窗口以观察小屏幕(移动设备)下该布局的特性:行栈将切换为列栈,这是通过CSS样代码中的media-query部分来实现。 ...

  • css transform

    ... ,取值为flat(平面)或preserve-3d(立体)。默认为flat。 和 background 、 border 不同,transform 并不是一个速写属性。 不破坏文档流 为了避免意外行为,元素变换不该影正常文档流,不管是旋转、缩放还是位移,都不会影到其他元素。下面对这些变换方法逐一讲解。 位移(translate) translate() 方法对 ... 更为详细的描述,请阅读这篇博客。 Next → CSS ...

  • js ajax

    ... 的数据,而responseXML用于获取XML文档。 属性 描述 responseText 获得字符串形数据。 responseXML 获得 XML 形数据。 responseText 属性 如果来自服务器的并非 XML,请使用 responseText 属性。 responseText 属性返回字符串形 ...

  • css grid layout placement

    ... 下一个可用的空网格单元,如果没有剩余空间的话,网格将相扩展。 .eight { grid-area: auto; /* 初始值 */ } 这可以用来在一个电商网站上以网格模列出一些在售商品。 如果网格项占用多个单元格,自动布局可以和一 ... 子元素上的自我整理(justify-self)和自我对齐(align-self)属性的影,并且,和大多数其他布局模型一样,绝对定位的子元素不会影包含块的大小或其内容的布局。 对齐(Alignment)和空白(Spacing) ...

  • css grid layout terms

    ... grid。 CSS 2.1 Display章节相修订为: "Specified Value"列添加了inline-grid, "Computed Value"列添加grid。 网格容器的尺寸 grid container通过其所在的格化上下文的规则来确定 ... 11 Alignment and Spacing.)。 重新排列(order属性) grid item可以使用order属性,这将影它们的自动排列和渲染顺序。order仅在需要调整视觉顺序的时候使用,不 ...

  • js syntax basics

    ... 通过script关键字来实现。如下所示: 通常我们把JS脚本放在页面内容的最下面来加载(即紧靠body闭合标签),一来为了页面内容加载得更快,再者JS的执行依赖于内容。 我们也可以直接把JS脚本写在页面中,但是跟单独的js文件相比,这样的代码不能被浏览器缓存,会影 ... 类似的,使用双引号的情况也是这样处理。为了风格统一,我们该保持使用其中的一种方。 数字(Numbers) 数字包含整形、浮点,可以是正数或负数: var age = 33; var length = ...

  • html canvas transform

    ... 原点坐标是(150,150),但是由于执行了一次平移,这个正方形的原点现在变成(300,300)(参见图2)。 平移会影图形原点 一定要理解这其中的原理。红色正方形的原点仍然为(150,150),它只是看上去又平移了150像素,这是 ... 值.这意味着其中会有一个累积效.如果你多次调用transform,那么每一次变形都是用到前一个变形所得到的变换矩阵。我承认这有一些复杂,但是我希望它能够帮助你理解变形的工作方。 你可能注意到了,我们又一次使 ...

推广服务

There is no post

最新文章
  • WebAssembly工作原理和JavaScript语言性能对比分析

    本文简单说明WebAssembly(简称wasm)工作原理和高性能的原由(和JavaScript相比)。不过需要提醒的是Wasm并非设计来完全替代JS,而是对JS的一个强大补充,JS中...

  • 创建非矩形网页页面元素的常用技术和实例代码

    非矩形设计正在变成一种时尚,比如波浪形、菱形、三角形等:而随着技术发展,这种设计在技术实现上也变得更容易。本文以最简单的三角形为例,演示使用5种方法来...

  • WebGL、Asm.js和WebAssembly概念简介

    随着HTML技术的发展,网页要解决的问题已经远不止是简单的文本信息,而包括了更多的高性能图像处理和3D渲染方面。这正是要引入WebGL、Asm.js和WebAssembly这些技...

  • CSS3属性选择器特性使用详解

    CSS3除了引入动画、滤镜(用于特效)以及新的布局技术外,在选择器(selector)方面也有增强。属性选择器根据元素的属性(attributes)来匹配。这可以是一个单独...

  • WebGL Roadmap

    Unity 5.0 shipped with a working preview of our WebGL technology in March this year. Since then, Google has disabled (by default) NPAPI support in the...

  • 更多...