在线教程

  • css ifc

    ... 成的格式化上下文,包括grid layout所对应的GFC(grid formatting context)和flex layout所对应的FFC(flex formatting context),我们将放在CSS进阶课程中详细介绍。 下面我们先进入SVG基础知识的学习课程。 Next &rarr ...

  • css flex layout alignment

    11.22 CSS 弹性布局对齐(Alignment) 弹性布局对齐 8. Alignment 在弹性容器处理完内容伸缩和弹性项目的尺寸确定后,将开始处理内容对齐。 和block布局中类似,flex布局中的margin属性可以用来调整项目,但功能要更强大。 弹性项目也遵循CSS Box Alignment Level 3中定义的对齐属性,在主轴线和垂直轴线方向使用简单的基于关键字的项目对齐。 ...

  • css flex layout order

    11.19 CSS 弹性布局的顺序和方向(Ordering/Orientation) 弹性容器的内容可以在任何方向以任何顺序放置 弹性容器的内容可以在任何方向以任何顺序放置。这种灵活性使得作者可以方便的实现以前所需要的复杂而容易出错的解决方案(如使用float和clear的一些hacks方法)。这个功能通过flex-direction, flex-wrap, 和 order 属性来实现。 和网格布局类似,order属性 ...

  • css grid layout placement

    11.13 CSS 网格布局定位 用来确定网格布局中元素的摆放位置 每一个网格项目都有一个矩形的网格区域,这个网格区域定义了该网格项的包含块,对齐属性(justify-self 和 align-self)确定其实际位置。 网格项占用的单元格也会影响网格的行和列的大小,参看网格尺寸(Grid Sizing)。 网格区域在网格内的位置通过1个网格位置和1个网格跨度属性来定义: grid ...

  • html canvas animation game

    ... 使用透明底的情况下会造成一些叠层遮挡。所以这里大多使用支付透明底的图像格式(比如.PNG和.GIF)。当然,直接使用程序对象或使用SVG矢量对象(SVG可以以文件方式独立存在)则更加有利于解决不同尺寸下图像清晰度的问题。 ”背景、路人、主角、配角“元素工作层位置 我们拿《用CANVAS做 ...

  • html web socket

    12.29 HTML 网页套接字(Web Socket) HTML网页套接字实现了浏览器与服务器全双工通信 桌面(或手机)本地应用都可以通过TCP协议和服务器实现全双工通信,也就是建立一个套接字连接(Socket),然后在上面双向传送数据,客户端和服务器都可以发送和接收消息。 但是在传统的网页模型中,通过HTTP协议仅能实现单向的通信,即浏览器发送请求,而服务器被动应答请求 ...

  • css flex layout boxmodel

    11.16 CSS 弹性布局框模型和术语 一些常用弹性布局术语 如果一个元素的display被设置为flex或inline-flex,则将生成一个弹性容器。弹性容器内部流子元素被称为弹性项,这些弹性项通过弹性布局模型来放置。 为了更好的讨论弹性布局,我们先介绍一些相关基本术语。弹性流(flex-flow)的值和书写模式(writing mode)决定这些术语如何映射到物理方向(top/right/bottom/left ...

  • css flex layout flexibility

    11.21 CSS 伸缩性(Flexibility) 弹性项目的伸缩性通过flex-*属性来定义 弹性布局赋予弹性项目可伸缩性,可以改变其宽度/高度,以填充可用空间。这通过设置flex属性来实现。 下面这个例子演示flex: auto属性值的效果。除了给每个弹性项目添加了flex: auto外,其余和上一章节中的例子一样。 第一行有60px的剩余空间,而所有项目具有相同的伸缩性(Flexibility),所以 ...

  • css inline alignment

    5.4 CSS 行内级对齐和基线 行内级对齐和基线和写模式(Writing mode)相关 When different kinds of inline-level content are placed together on a line, the baselines of the content and the settings of the vertical-align property control how they ...

  • html images

    ... 体(media) 图片 是Web上出现的第一种非文本内容。Web中使用的图片格式主要有: .jpg, .gif (通常是动画图片), .png (通常是透明背景的图片), .bmp(位图),.svg(矢量图)等。 语法 图片 使用 <img> 元素,这是一个自关闭(self-closing) 元素(只有一个开始标签)。 src 属性定义图片的位置。和链接类似, ...

推广服务(新)
最新文章