在线教程

  • css font shorthand

    ... -height font-family 你可以把上述6个字体属性值的定义写成一个: body{ font: italic small-caps bold 16px/1.5 Arial, sans-serif;} 请注意要遵循以上的书写顺序,并且在 font-size 和 line-height 之间要用斜杠(slash)/ 分开。 尽管定义了6个属性,只有 font-size 和 font-family 是必须明确定义的。其他一般情况下都可以使用默认值: body{ font ...

  • css grid layout terms

    ... 争议的,所以最好进行实际的浏览器行为测试。 grid area中的grid items并不会直接影响彼此的布局。 但是grid item内容的尺寸可能会影响所在行列的grid line位置,从而间接影响其它grid item的位置和尺寸。 网格容器(Grid Containers) 何时创建网格容器 前面我们提到过,当我们把一个元素的display属性设置为grid ...

  • css transform

    ... perspective-origin:80px 80px; } #zoom-animation div, #zoom-animation p{ background: midnightblue; color: white; height: 200px; line-height: 200px; margin: 0; position: relative; text-align: center; width: 200px;} #zoom-animation p{ animation: zooming ...

  • css gradients

    ... 颜色停止点的定义 <side-or-corner> = [left | right] || [top | bottom] <color-stop> = <color> [ <percentage> | <length> ]? 要理解线性渐变的语法,首先要了解渐变轴线(gradient line)的概念。 线性渐变由渐变轴线来定义的,轴线方向上的每个点颜色都不同,而轴线垂直线上的每个点颜色都相同。而渐变轴线由关联元 ...

  • css inline alignment

    ... 齐和基线和写模式(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 are aligned in the transverse direction of the ...

  • css text properties

    ... 必须定义的。blur 的缺省值为 0,而 color 缺省值为文本的颜色。 前面几个章节我们讲述了文本的字体属性(font-*)、文本属性(text-*)以及行高(line-height),不过要全面理解文本的空间属性,还需要进一步了解CSS的盒子模型或称为框模型(Box Model)。 Next → CSS 盒子模型 NextPrevious回到顶部

  • html formatting

    ... 被显示。 代码注释 用于提高代码可读性,也不会被显示。 此外,还有一些格式化代码也会被浏览器忽略,包括: 换行(line-breaks) 空行(empty lines) 缩进(tabulations/indentation) 换行(Line-breaks) HTML代码中的换行和空行会被浏览器忽略,只会被解释成单个空格。 <blockquote> Web最早的想法是 通过网页 分享信息 </blockquote ...

  • css flex layout lines

    ... 性容器中的弹性项放置在弹性行中并与之对齐 弹性容器中的弹性项放置在弹性行(flex lines)中并与之对齐。弹性容器可以是单行(single-line)或多行(multi-line),这取决于弹性包装(flex-wrap)属性: 单行弹性容器把所有元素摆放在一行中,即使会出现内容溢出。 多行弹性容器将把内容拆分 ...

  • css font size style weight

    5.2 CSS 字体属性 粗体(bold) 和 斜体(italic) 文本 字体尺寸(font-size) 我们在CSS尺寸单位一课中已经讲解过,用来设置文本显示大小。 p{ font-size: 16px;} 记住设置字体尺寸(font-size)为 16px 不表示每个字符都是 16px 高,实际尺寸还取决于每个字符所用的字体族(font-family)。 字体风格(font-style) 有3种字体样式:正常体 ...

  • css pseudo elements

    ... 于现有样式表兼容性原因,用户代理必须也能支持CSS1和CSS2中引入的单冒号伪元素标记(也就是说,:first-line, :first-letter, :before 和 :after)。但是CSS2.1及以后版本新引入的伪元素不支持这种兼容语法。 每 ... 规则乃至伪类选择器。伪元素并不选定(过滤)元素,实际上它们选定(过滤)内容(::first-line,::first-letter)或创建内容(::before,::after,然后包装到一个虚拟容器中,作者可以为此容器添加样式 ...

推广服务(新)
最新文章
  • 实时光线追踪技术简介

    实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真...

  • 生成本地npm包

    1、创建一个文件夹,此处我的文件夹名字为test-my-pack

    2、在文件根目录初始化npm,可以一路回车
    npm

  • Oculus Go手柄(控制器)使用说明

    Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
    电池安装
    配对控制器
    下载 Oculus 应用(这个需要手机科学上网)并...

  • 基于elementUI封装自己的UI组件库

    初始化 project这里我们使用官方的 vue-cli 初始化一个 Vue 项目npm

  • three.js添加场景背景和天空盒(skybox)

    本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.b...

  • 更多...