发 送

在线教程

  • js syntax basics

    ... lt;!-- note to self 推荐使用前2种C语言风格的注释。 变量（Variables） 变量是程序设计语言里面保存可变数据的单元，一般要求先声明一个变量，然后才能使用它。但JavaScript并不 ... 上述语句中的文本“happy”是一个“文字（literal）”，所谓“文字”就是它仅仅表示字面原意，而var是一个关键字，my_mood是一个变量名。 数据类型（Data types） mood变量是一个字符串 ...

  • html canvas transform

    ... x，y）参数是缩放倍数，而不是像素值。 context.scale(2, 2); context.fillRect(0, 0, 100, 100); 这个例子将2D渲染上下文的x和y方向都乘以2。通俗地说，2D渲染上下文及其绘制的所有对象现在都变成2倍尺寸（参 ... 单位矩阵 除了左上角至右下角的主对角线以外，这个特殊矩阵的每个值都设置为0。这样设置的唯一原因是它更适合进行计算，但是可以确定的是，单位矩阵表示完全未执行过变形。全面理解单位矩阵 ...

  • html canvas animation game

    ... 它是静态的；但如果上面要增加一些漂浮的云或正在树间穿越的猴子，那也可以为些单独的对象增加动画效果。总的来说，"背景层"和 ... , mousePos.y)) { startBox.active = false; // 开始按钮设定为不可用 startGame(); // 调用开始游戏的初始化函数 ... "上面的功能按钮 // 暂停按钮触发时的处理：如果原来是在运行的则暂停游戏并改按按钮图案至"继续游戏"；如果原来已经在暂停的则继续游戏并改变按钮图案到"暂停 ...

  • css grid layout terms

    ... 器（Grid Containers） 何时创建网格容器 前面我们提到过，当我们把一个元素的display属性设置为grid或inline-grid的时候，就将创建一个网格容器。 grid 该取值将促使元素生成 ... ，As an inline-level box in an inline formatting context, 它被作为是一个原子的行内级框（如inline-block）来计算大小。 无论是在IFC还是GFC中，网格容器的auto 块尺寸是其最大 ...

  • why css exists

    ... 样式和使用表格进行布局在实践中已经逐渐被抛弃，转而使用CSS来代替的原因。 什么是CSS CSS 表示级联样式表（或层级样式表，Cascading Style Sheets） ... 过CSS3各个模块则有正式发布、草稿以及废弃状态。这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效 ... 歧义，我们可能会认为CSS只是用来改变文本颜色、大小和字体的，实际上CSS还可以用于布局设计，比如元素定位、间距、多列、居中等。 CSS写在哪里 CSS可以作为一个属性（style）内置于 ...

  • css bfc

    ... -block归属inline-level box，但并不是inline box，这类box被称为原子内联级盒子（atomic inline-level box），被当作一个不透明的单个盒子来参与到IFC中。 它其实是一个披着inline外衣的block容器， ... 且main部分自动和sidebar分开，不需要设定固定的位移值。 例子2：清除内部浮动 对wrap使用overflow:hidden，将触发创建一个新的BFC，而BFC在计算高度时会把float元素计算在内。其效果就等同于清除了 ...

  • css responsiveness

    ... 的属性组合，响应式技术给网页应用不同的、或额外的CSS规则。 踏得网搜索主站和本教程页面都使用了响应式设计，不同的设备将呈现不同的布局和样式以获取更好的用户阅读体验。 媒体查询（media queries） 我们在前述的CSS优先级章节已 ... CSS像素是一个参考像素，差不多就是0.26mm（1/96 inch）的样子。在这个0.26mm里，对于一些高dpi的移动设备，可能会存在多个物理像素。 CSS像素如此定义是出于历史原因，在Web技术的早期，绝大多数显示器都是96dpi的。后来出现了更高 ...

  • css float clear

    ... 除浮动。 什么时候使用浮动 浮动元素的设计本意可类比Word文档中的对象（比如图片）自适应周边文本区域，视觉效果就是这个对象好像在文本区域中浮动，而文本环绕在四周一样。 我们结合下面的图文（段落中内嵌图片）例子来解释使用浮动的意图： <p> ... 而且更糟糕的是图片甚至挤压了我们正在阅读的这一行文本。 这个特意设计的布局错误揭示了为什么浮动元素行为是不可预测的：甚至会破坏它的父元素以外元素的布局。 原因是 float: left 把图片从正常文档流中抽离了出来，父元素p只包含了 ...

  • css font family

    ... 籍、报刊杂志，正文有相当篇幅的情形下，则应采用Serif字体来减轻读者阅读上的负担。 在Web设计及浏览器设置中也应遵循此原则。 由于 font-family 属性被所有HTML子元素所继承，所以我们可以给 <body> 元素设置一个字体作为文档的默认字体。如下所示： body{ font-family: Microsoft Yahei;} 网页安全（Web-safe）的字体 使用通 ...

  • why js exists

    ... 比微软当时的C++和VBScript的关系一样。 JavaScript虽然由于市场原因取名Java，但其实更像C和Self语言的后代。JavaScript的总体设计思路如下： 类C语言风格的语法 借鉴了Java的垃圾回收机制 ... DOM结构和XML的DOM结构类似，都是一种树形结构。树的根节点就是document，然后有父节点、子节点、祖先、后代、兄弟节点这些关系。 什么是BOM JavaScript除了要能操作文档，还需要能 ...

推广服务（新）
最新文章