发 送

在线教程

  • css animations

    ... CSS3动画就像一部迷你电影，里面有演员（HTML元素）、剧本（keyframes）以及动作片段（CSS规则）。 animation 属性 和 transition 属性一样，animation 是一组动画属性的速写： name: 动 ... 来模拟复杂的贝塞尔曲线。Bounce.js 就是这样一个在线高级动画生成工具，支持导出CSS样式代码。 animation-delay 和 transition delays 一样，animation delays 可以设置为 秒 1s 或 毫秒 ...

  • css background

    ... 个默认背景。 背景色（background-color） 缺省值：transparent 可被子元素继承：不能。 我们在CSS颜色单位课程中已经学习过如何定义颜色，背景色也一样： body{ background-color: black;} ... -image） 背景图片就像墙壁上的墙纸起到装饰作用，比文本具有更强的视觉冲击力。CSS允许通过图片URL来为元素添加背景图片。 body{ background-image: url(images/diagonal-pattern.png);} ...

  • css flex layout algorithm

    ... have a deep-seated urge to understand arcane details of CSS layout. The following sections define the algorithm for laying out ... min and max cross-size properties. Note that if CSS 2.1’s definition of min/max-width/height applied ...

  • css gradients

    ... 为元素背景。 这个特殊图像没有内在的尺寸和比例，它具体的大小将匹配其关联的HTML元素。 CSS中有两种类型的渐变： 线性（linear）：颜色在直线方向从一个点到另一个点的变化。 径向（ ... 1rem; width: 300px;} <div>使用像素来定义具体的渐变尺寸</div> 使用像素来定义具体的渐变尺寸 上面演示了CSS颜色渐变特性的基本使用方法，通过线性渐变和径向渐变我们可以构造出很漂亮的背景图案，这些图案可以用来装饰按钮、区域乃至 ...

  • css pseudo classes

    ... 其本质上是一个动态交互行为。 我们一样通过一个在线实例来学习:checked伪类的使用，这是一个经典的纯CSS手风琴导航栏，无须任何js脚本： 和:checked类似的和UI界面组件状态有关的动态选择器还有:enabled和:disabled ... 可以看到，我们并没有给第一个和最后一个 <li> 元素添加 class 属性。 它们在文档中的位置定义了CSS规则的应用。 在这类例子中，我们可以通过给这些元素添加特定的类（class）来实现同样的目的，这可以帮助我们理解为 ...

  • css responsiveness

    ... 上你也可以使用绝对单位如cm或inch，但浏览器支持很有限，所以不可靠。 每当viewport发生变化时，浏览器检查CSS中所有的媒体查询语句，检查条件参数，然后匹配当前viewport值，应用相应的样式。 高度（height） height参数和 ... 列手机最新设备像素比可查看iPhone设备像素比指南。 设备像素比将会影响image元素的使用(“视网膜显示下的CSS技术”)，设计师会偏好高精度的图片，Retina屏幕也支持更高的像素。 所以一个所谓Retina优化了的网站，应该 ...

  • css selectors

    ... 体，表示某种类型的标签， 比如上面date的例子，我们想改变class为date的em标签的颜色为蓝色，可以把两个选择器拼接成如下的CSS规则： em.date { color: blue; } em.date 复合选择器包含： 一个标签（tag）选择器 em 一个类（class）选择器 . ... 的一种交互性描述，当我们把鼠标悬停在一个链接上时，该元素就处于一个 hover 的状态。 CSS的伪类允许我们根据不同的状态来限定元素，从而在用户交互式呈现不同的样式。 伪类选择 ...

  • css transform

    ... 置（x,y,z） rotate: 旋转方法，使元素沿中心点旋转特定角度 scale: 伸缩方法，使元素放大或缩小 skew: 扭曲方法，使元素产生扭曲变形 transform 属性 有3个CSS transform 属性可用： transform 定义使用哪个transform 方法（translate, rotate, scale…） transform-origin 定义变换的原点（origin point），默认值为元素边框的中心点位置（以百分比定义：50 ...

  • css border

    ... solid; border-width: 1px;} 和 font 和 background 属性类似，border 是CSS边界属性定义的速写方式，上述定义可以缩写为： blockquote{ border ... : 1px solid yellow; border-left: none;} 3个属性和4个位置组合起来会有共12种CSS边界属性写法，但通常我们只用如下5种缩写： border border-top border-bottom border-left ...

  • css color units

    ... 使用 256 * 256 * 256 = 16,777,216 种颜色。 由于RGB模型和颜色的物理渲染直接相关，因此CSS使用RGB作为一个颜色单位（color unit），具体写法如下： a{ color: rgb(219, 78, 68);} body{ ... 上添加了alpha值： body{ color: hsl(4, 68%, 56%, 0.5);} 十六进制（Hexadecimal） CSS颜色还可以通过十六进制数值来定义，比如 #db4e44。 如果不是计算机背景的，可能 ...

推广服务（新）
最新文章