&&和||的结果不一定是boolean值
&&连接两个boolean类型，有一个是false结果就是false。
连接值不是布尔类型时，按照成布尔类型计算，结果本身不变。（非布尔）
例子： 1 = 2&&1; 0 = 0 && 1; 都是true取后面，都是false取前面。
||链接两个boolean类型，有一个是true结果就是true。
连接值不是布尔类型时，按照成布尔类型计算，结果本身不变。（非布尔）
例子： 2= 2||1; 1 = 0 || 1; 都是true取前面，都是false取后面。

用菱形制作上箭头

css部分

        *{
            padding: 0;
            margin: 0;
        }
        .box{
            position: relative;
        }
        i{
            position: absolute;
            height: 7px;
            width: 15px;
            overflow: hidden;
        }
        s{
            position: absolute;
            top: 0px;
            font: 400 13px/15px Consolas;
        }

html部分

    <div class="box">
        <i><s>◇</s></i>
    </div>

CSS的盒子层次问题

• 标准流盒子，低于浮动的盒子，浮动的盒子又低于定位的盒子（除去static），即：定位（除去static）高于浮动，浮动高于标准流。（盒子的高低和占不占位置无关）

• 通过z-index改变盒子的层次关系

  • 使用前提：必须有定位（除去static）。
  • 给定z-index的值为层级的值（不给默认为0）
  • auto 默认。堆叠顺序与父元素相等。
  • number 设置元素的堆叠顺序。
  • inherit 规定应该从父元素继承 z-index 属性的值。

注意

• 层级为0的盒子，也比标准流和浮动高。
• 层级为负数的盒子，比标准流和浮动低。
• 层级不取小数。
• 层级一样，后面的盒子比前面的层级高。
• 浮动或者标准流的盒子，后面的盒子比前面的层级高。
• 定位中：abselute是不占位置的，relative是占位置的。而层级的高低，是和占不占位置没有关系的。

• href的值可以是URL。这样可以直接跳转到指定的位置。

  • 绝对 URL - 指向另一个站点（比如 href="http://www.sunxiaoning.com"）。
  • 相对 URL - 指向站点内的某个文件（href="index.htm"）。
  • 锚 URL - 指向页面中的锚（href="#top"）。
• href的值可以是"#",此时会回到页面的顶部，但是不会刷新页面。
• href的值可以不写，此时也表示跳转到当前页面，但是会刷线页面。

• hrea的值还可以通过JavaScript关闭跳转，使得a链接点击无效。

  • <a href="javascript:;">test</a>
  • <a href="javascript:void(0)">test</a>