CSS

如何使用CSS使两个元素始终处于同一个位置

admin 提交于 周二, 11/10/2015 - 19:15
 
 

为了便于观察,我把边框尺寸做成不一样。 

 

<div style="position:relative">
  <div style="width:100px;height:100px;border:3px solid #f00">&nbsp;</div>

  <div style="width:100px;height:100px;border:1px solid #00f;position:absolute;top:0;left:0">&nbsp;</div>
</div>

 

标签

色彩的几条规则

admin 提交于 周五, 04/03/2015 - 13:34

色调、饱和度、亮度是色彩的三个基本描述元素。色调的值为0-239,饱和度的值为0-240。三元素与RGB系统有以下的关系:

1. 亮度是R、G、B成比例放大,但当某一基色达到最大值时则开始变色。
2. 饱和度越低,R:G:B越趋向于127:127:127
3. 色调渐变过程中RGB按以下规律变化:
a) R:255 G:0 B:0
b) R:255 G:255 B:0
c) R:0 G:255 B:0
d) R:0 G:255 B:255
e) R:0 G:0 B:255

亮度算法 value = 0.299 * red + 0.587 * green + 0.114 * blue

标签

怎样用CSS实现闪烁的文字

admin 提交于 周三, 04/01/2015 - 15:51

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

标签