小笔记1

1. 关于颜色透明度，rgba

• background:transparent;---纯透明
• opacity，filter:alpha(opacity=)：所有后代元素会随着一起具有透明性

.headerMain input[type="text"]{
    width:478px;
    height: 53px;
    border-radius: 25px;
    background: rgb(92,90,83);//半透明
    opacity:0.3;
    filter:alpha(opacity=3); /* 针对 IE8 以及更早的版本 */
    font-size: 18px;
    text-indent: 2em;
    color: white;
    border: 1px solid rgb(108,108,105);
}

• background:rgba(2,2,2,0.3)--自己设定

.headerMain input[type="text"]{
    width:478px;
    height: 53px;
    border-radius: 25px;
    background: rgba(92,90,83，0.3);
    font-size: 18px;
    text-indent: 2em;
    color: white;
    border: 1px solid rgb(108,108,105);
}

2. 用<i>标签引入小图标,<span>

i{
    width:10px;
    height:10px;
    display:block;
    background:url() center center no-repeat;
}

3. 获取下一兄弟元素节点：nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。它返回的节点包括文本节点，一般我们想要的是元素节点。然后可以写这样一个函数：

function get_nextSibling(n)
{
  y=n.nextSibling;
  while (y.nodeType != 1)
  {
    y=y.nextSibling;
  }
  return y;
}

4.倒计时小知识

• js的月份是从0开始算起，0为一月，以此类推
• Data对象的getTime()方法会返回从1970年至今的毫秒数