在线教程

  • css responsiveness

    ... 一个单独的移动网站,比如像 m.baidu.com,然后检测用户代理并把移动端阅读重定向到这个独立网站。 使用网页设计(responsive web design),也就是本章要介绍的内容。 设备(Device),浏览器(browser),视口(viewport) 我们首先 ... 特定代理做一定的设计折中 对于图片宽度,使用百分比(%)单位 这里有一组很棒的网页模板,可以作为读者自己构建网站的一个很好的基础: 移动优先还是桌面优先 移动优先还是桌面优先取决于你的 ...

  • overview

    ... 谷歌/百度/淘宝),软件产品乃至基础设施通过弹性分配的方成为各种在线服务 移动互联网本地用复兴 2009年后随着iPhone/Android智能手机的兴起,C/S模在移动平台领域(Native APP)独领风骚 网页用 2014年年底HTML5标准得以最终确立,因移动互联网的快速发展,建立了基于Web的跨终端跨平台的技 ...

  • 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: ... 移动设备)下该布局的特性:行栈将切换为列栈,这是通过CSS样代码中的media-query部分来实现。 Next → CSS 弹性行 NextPrevious回到 ...

  • css transform

    ... 性。 不破坏文档流 为了避免意外行为,元素变换不该影正常文档流,不管是旋转、缩放还是位移,都不会影到其他元素。下面对这些变换方法逐一讲解。 位移(translate) translate() 方法对于平面几何(二维坐标系)的位移函数。 允许在x,y方 ... )各渲染层的时间大为增加,从而得不偿失。更为详细的描述,请阅读这篇博客。 Next → CSS 技术 NextPrevious回到顶部

  • js ajax

    ... 用于获取XML文档。 属性 描述 responseText 获得字符串形数据。 responseXML 获得 XML 形数据。 responseText 属性 如果来自服务器的并非 XML,请使用 responseText 属性。 responseText 属性返回字符串形,因此您可以这样使用: document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 如果 ...

  • css grid layout placement

    ... 格项的包含块,对齐属性(justify-self 和 align-self)确定其实际位置。 网格项占用的单元格也会影网格的行和列的大小,参看网格尺寸(Grid Sizing)。 网格区域在网格内的位置通过1个网格位置和1 ... 放置到下一个可用的空网格单元,如果没有剩余空间的话,网格将相扩展。 .eight { grid-area: auto; /* 初始值 */ } 这可以用来在一个电商网站上以网格模列出一些在售商品。 如果网格项占用多个单元格,自动布局可以和 ...

  • css grid layout terms

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

  • js syntax basics

    ... 接把JS脚本写在页面中,但是跟单独的js文件相比,这样的代码不能被浏览器缓存,会影性能,而且不符合结构和行为分离的最佳实践。 基础语法 如前面章节所述,JavaScript的语法采 ... 和C语言一样: var mood = 'don\'t ask'; 类似的,使用双引号的情况也是这样处理。为了风格统一,我们该保持使用其中的一种方。 数字(Numbers) 数字包含整形、浮点,可以是正数或负数: var age = 33; var length = 10.25; var ...

  • html canvas transform

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

推广服务(新)
最新文章